Cesium 点拖拽

2024-04-09 1479阅读

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

Cesium 点拖拽
(图片来源网络,侵删)
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)
}
VPS购买请点击我

免责声明:我们致力于保护作者版权,注重分享,被刊用文章因无法核实真实出处,未能及时与作者取得联系,或有版权异议的,请联系管理员,我们会立即处理! 部分文章是来自自研大数据AI进行生成,内容摘自(百度百科,百度知道,头条百科,中国民法典,刑法,牛津词典,新华词典,汉语词典,国家院校,科普平台)等数据,内容仅供学习参考,不准确地方联系删除处理! 图片声明:本站部分配图来自人工智能系统AI生成,觅知网授权图片,PxHere摄影无版权图库和百度,360,搜狗等多加搜索引擎自动关键词搜索配图,如有侵权的图片,请第一时间联系我们,邮箱:ciyunidc@ciyunshuju.com。本站只作为美观性配图使用,无任何非法侵犯第三方意图,一切解释权归图片著作权方,本站不承担任何责任。如有恶意碰瓷者,必当奉陪到底严惩不贷!

目录[+]