cesium-multi-item-picker

1.0.18 • Public • Published

cesium-multi-item-picker

Simple multi item picker for Cesium.

This add the ability to drill pick any entities or imagery layers based on the cursor position on the map.

What is then returned is an array with the entities, Cesium3DTileFeature and/or the imagery layer feature info.

Install

yarn add cesium-multi-item-picker or npm install cesium-multi-item-picker

Usage

Init

import CesiumMultiItemPickerMixin from 'cesium-multi-item-picker'

Subscribe to the onPicked event.

const viewer = new Cesium.Viewer('cesiumContainer')
viewer.extend(CesiumMultiItemPickerMixin)
viewer.CesiumMultiItemPickerMixin.onPicked.addEventListener(picked => {
    // output ex: [ {Entity}, {Entity}, {ImageryLayerFeatureInfo}, {Cesium3DTileFeature} ]
    console.log(picked)
}, this)

Methods

Destroy

Destroys the mixin.

Note: The destroy method also gets called automatically when calling viewer.destroy().

So it's not entirely necessary to call this method.

Example

viewer.CesiumMultiItemPickerMixin.destroy()

Events

onPicked

Fired when a Left Click event is triggered on the Cesium Ellipsoid. Also trigger by a 'Tap' event.

See Cesium.ScreenSpaceEventType.LEFT_CLICK

Returns

Example

viewer.CesiumMultiItemPickerMixin.onPicked.addEventListener( picked => {
    // output ex: [ {Entity}, {Entity}, {ImageryLayerFeatureInfo}, {Cesium3DTileFeature} ]
    console.log(picked)
}, this)

License

Readme

Keywords

Package Sidebar

Install

npm i cesium-multi-item-picker

Weekly Downloads

1

Version

1.0.18

License

ISC

Unpacked Size

24.4 kB

Total Files

8

Last publish

Collaborators

  • cmcleese