cesium中实现鼠标拖动实体功能

cesium中实现鼠标拖动实体功能

const entityId = '...';// 实体ID
const viewer = '...';// viewer
const entity = '...';// 实体
const entityPositionZ = '...';// 实体位置中Cartesian3中的z值

viewer.screenSpaceEventHandler.setInputAction(( { position } ) => {// 为viewer绑定MOUSE_DOWN事件监听器（执行函数，监听的事件）
	const pickInfo = viewer.scene.pick(position);// pickInfo为当前操作的实体，若点击的空白区域，不是实体，那么pickInfo为undefined
	if( !pickInfo ) { return; };// 如果点击空白区域，则不往下执行

	viewer.scene.screenSpaceCameraController.enableRotate = false;// 将相机锁定，不然后续移动实体时相机也会动
	
	viewer.screenSpaceEventHandler.setInputAction( ( arg ) => {// 为viewer绑定MOUSE_MOVE事件监听器（执行函数，监听的事件）
		const position = arg.endPosition;// arg有startPosition与endPosition两个属性，即移动前后的位置信息：Cartesian2对象
		const cartesian = viewer.scene.globe.pick( viewer.camera.getPickRay(position), viewer.scene);//将Cartesian2转为Cartesian3
		entity.position._value = cartesian;// 更新实体位置为当前鼠标位置
	}, Cesium.screenSpaceEventType.MOUSE_MOVE);
	
	viewer.screenSpaceEventHandler.setInputAction( ( { position } ) => {//为viewer绑定LEFT_UP事件监听器（执行函数，监听的事件）
		viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN);// 解除viewer的LEFT_DOWN事件监听器
		viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);// 解除viewer的MOUSE_MOVE事件监听器
		viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_DOWN);// 解除viewer的LEFT_DOWN事件监听器

		viewer.scene.screenSpaceCameraContriller.enableRotate = true;// 取消相机锁定
	}, Cesium.ScreenSpaceEventType.LEFT_UP)
}, Cesium.ScreenSpaceEventType.MOUSE_DOWN)