Cesium 点拖拽

1.监听鼠标事件
2.设置拖拽开关,鼠标按下时开关拖拽开关打开,鼠标抬起时,拖拽开关关闭
3.鼠标按下时,获取鼠标当前点击位置的点实体,记录当前点实体的位置,打开拖拽开关,锁定相机
4.鼠标移动时,在拖拽开关打开的情况下,跟踪鼠标移动的位置,将位置值给到点实体,改变点实体的位置值
5.鼠标抬起时,关闭拖拽开关,恢复相机
6.移除鼠标事件

let handler = null
const computedMouse = () => {
    let dragFlag = false;
    et picked = null
    handler.setInputAction(function(event) {
        picked = cesium.viewer.scene.pick(event.position)
        if(picked){
            // 鼠标按下,锁定相机,记录点的位置
          dragFlag = true;
          cesium.viewer.scene.screenSpaceCameraController.enableRotate = false;//锁定相机
         }
    }, Cesium.ScreenSpaceEventType.LEFT_DOWN);
        
    handler.setInputAction(function(event) {
        // 鼠标移动,更新点的位置
        if (isDragging&&picked) {
           let ray = cesium.viewer.camera.getPickRay(event.endPosition);
           let cartesianPosition = cesium.viewer.scene.globe.pick(ray, cesium.viewer.scene);
           picked.id.position = cartesianPosition ;
        }
    }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
        
    handler.setInputAction(function(event) {
        // 鼠标抬起,停止拖拽,恢复相机
        dragFlag = false;
        picked=null
        cesium.viewer.scene.screenSpaceCameraController.enableRotate = true
    }, Cesium.ScreenSpaceEventType.LEFT_UP);
}
const removeComputed=()=>{
    handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN)
    handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE)
    handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_UP)
}

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值