『Cesium 基础』Cesium事件基础（八）

基于canvas事件 -- Cesium.ScreenSpaceEventType

• 鼠标左键

事件类型	含义
LEFT_CLICK	单击
LEFT_DOUBLE_CLICK	双击
LEFT_DOWN	左键按下
LEFT_UP	左键弹起

• 鼠标中键

事件类型	含义
MIDDLE_CLICK	单击
MIDDLE_DOWN	按下
MIDDLE_UP	弹起

• 鼠标右键

事件类型	含义
RIGHT_CLICK	单击
RIGHT_DOWN	按下
RIGHT_UP	弹起

• 双指触摸

事件类型	含义
PINCH_START	双指开始事件
PINCH_END	双指结束事件
PINCH_MOVE	双指更改事件

• 其他鼠标事件

事件类型	含义
MOUSE_MOVE	鼠标移动事件
WHEEL	鼠标滚轮事件

• 使用事件

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
let eventType= Cesium.ScreenSpaceEventType.LEFT_CLICK//注册事件handler.setInputAction(event=>{    console.log(event);}, eventType);
//注销事件handler.removeInputAction(eventType)

相机事件 -- Cesium.CameraEventType

• 鼠标操作相机事件

事件类型	含义
LEFT_DRAG	按住鼠标左键，然后移动鼠标并释放按钮
MIDDLE_DRAG	按住鼠标中键，然后移动鼠标并释放按钮
PINCH	触摸表面上的双指触摸
RIGHT_DRAG	按住鼠标右键，然后移动鼠标并释放按钮
WHEEL	滚动鼠标中键

• 使用事件

// 需要回调的函数function callbackFunc(event){    cosnole.log(event)}
// 注册事件// 相机开始移动处理事件viewer.scene.camera.moveStart.addEventListender(callbackFunc)// 相机停止移动处理事件viewer.scene.camera.moveEnd.addEventListender(callbackFunc)
// 注销事件
// 相机开始移动处理事件viewer.scene.camera.moveStart.removeEventListender(callbackFunc)// 相机停止移动处理事件viewer.scene.camera.moveEnd.removeEventListender(callbackFunc)

渲染事件

// 需要回调的函数function callbackFunc(event){    cosnole.log(event)}// 渲染之前执行viewer.scene.preRender.addEventListender(callbackFunc)viewer.scene.preRender.removeEventListender(callbackFunc)
// 更新之前执行viewer.scene.preUpdate.addEventListender(callbackFunc)viewer.scene.preUpdate.removeEventListender(callbackFunc)
// 实时渲染执行viewer.scene.postRender.addEventListender(callbackFunc)viewer.scene.postRender.removeEventListender(callbackFunc)
// 实时更新执行viewer.scene.postUpdate.addEventListender(callbackFunc)viewer.scene.postUpdate.removeEventListender(callbackFunc)