cesium在二维地图中拖拽移动实体

最新推荐文章于 2024-07-13 20:41:16 发布

2301_82244343

最新推荐文章于 2024-07-13 20:41:16 发布

阅读量371

点赞数 3

分类专栏：程序员文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2301_82244343/article/details/138453662

版权

文章介绍了如何在Cesium.js中使用ScreenSpaceEventHandler进行地图交互，包括左键点击、拖动和释放操作，以及如何控制相机在2D和Columbus视图模式下的移动。

摘要由CSDN通过智能技术生成

billboard :{

    image : '../images/Cesium_Logo_overlay.png'

}

});

var pointDraged = null;

var leftDownFlag=false;

viewer.screenSpaceEventHandler.setInputAction(leftDownAction, Cesium.ScreenSpaceEventType.LEFT_DOWN);

viewer.screenSpaceEventHandler.setInputAction(leftUpAction, Cesium.ScreenSpaceEventType.LEFT_UP);

viewer.screenSpaceEventHandler.setInputAction(mouseMoveAction, Cesium.ScreenSpaceEventType.MOUSE_MOVE);

function leftDownAction(e) {

console.log("左键按下");

var  windowPosition = e.position;

pointDraged = viewer.scene.pick(windowPosition);//选取当前的entity

leftDownFlag = true;

if (pointDraged) {

  // 如果为true，则允许用户平移地图。如果为假，相机将保持锁定在当前位置。此标志仅适用于2D和Columbus视图模式。

  viewer.scene.screenSpaceCameraController.enableTranslate = false;//锁定相机

}

}

function leftUpAction(e) {