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)
}