Cesium鼠标事件

computed: {
  handler() {
    return new this.Cesium.ScreenSpaceEventHandler(this.viewer.scene.canvas)
  }
}

在事件的外面先定义一下 const _this = this (因为在setInputAction方法中，this的指向会发生变化，不再指向vue实例) 用this.Cesium是因为在mainjs里配置了Cesium的全局变量

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    // 获取到的是鼠标经过cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MOUSE_MOVE)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    // 获取到的是鼠标点击cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_CLICK)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    // 获取到的是鼠标按下cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_DOWN)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    // 获取到的是鼠标抬起cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_UP)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    // 向上滑是100  向下滑是-100
}, _this.Cesium.ScreenSpaceEventType.WHEEL)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是滑轮点击cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MIDDLE_CLICK)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是滑轮按下cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MIDDLE_DOWN)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是滑轮抬起cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.MIDDLE_UP)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是右键点击cesium的屏幕坐标
    //一般在右键的时候结束 同时也清除定义的事件

    
}, _this.Cesium.ScreenSpaceEventType.RIGHT_CLICK)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是右键按下cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.RIGHT_DOWN)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是右键抬起cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.RIGHT_UP)

_this.handler.setInputAction(function (movement) {
    console.log(movement)
    //获取到的是左键双击cesium的屏幕坐标
}, _this.Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK)