cesium 3 鼠标相关操作与事件

3 鼠标相关操作与事件

输入事件，参考文档：http://cesium.xin/cesium/cn/Documentation1.62/ScreenSpaceEventType.html

static constant Cesium.ScreenSpaceEventType.LEFT_CLICK
表示鼠标左键单击事件。

static constant Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK
表示鼠标左键双击事件。

static constant Cesium.ScreenSpaceEventType.LEFT_DOWN
表示鼠标左键按下事件。

static constant Cesium.ScreenSpaceEventType.LEFT_UP
表示鼠标左键按下事件。

static constant Cesium.ScreenSpaceEventType.MIDDLE_CLICK
表示鼠标中键单击事件。

static constant Cesium.ScreenSpaceEventType.MIDDLE_DOWN
表示鼠标中键按下事件。

static constant Cesium.ScreenSpaceEventType.MIDDLE_UP
表示鼠标中键按下事件。

static constant Cesium.ScreenSpaceEventType.MOUSE_MOVE
表示鼠标移动事件。

static constant Cesium.ScreenSpaceEventType.PINCH_END
表示两指事件在触摸面上的结束。

static constant Cesium.ScreenSpaceEventType.PINCH_MOVE
表示触摸表面上两指事件的变化。

static constant Cesium.ScreenSpaceEventType.PINCH_START
表示在触摸面上发生两指事件的开始。

static constant Cesium.ScreenSpaceEventType.RIGHT_CLICK
表示鼠标右键单击事件。

static constant Cesium.ScreenSpaceEventType.RIGHT_DOWN
表示鼠标左键按下事件。

static constant Cesium.ScreenSpaceEventType.RIGHT_UP
表示鼠标右键按下事件。

static constant Cesium.ScreenSpaceEventType.WHEEL
表示鼠标滚轮事件。

示例

鼠标左键单击时返回单击的对象

viewer.screenSpaceEventHandler.setInputAction(e => {
  console.log(e)  //e是一个平面坐标系坐标（Cartesian2）
  // 如果加载了gltf模型，并选择此模型
  var pickedFeature = viewer.scene.pick(e.position);
  var model = pickedFeature.primitive  //model即为模型实例
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

---

项目地址：https://github.com/Couy69/cesium-vue-tools，请勿转载