素材巴巴 > 程序开发 >

Cesium中鼠标事件绑定和移除

程序开发 2023-09-23 06:18:21

鼠标事件类型:

// 为整型数据
 Cesium.ScreenSpaceEventType.LEFT_CLICK //鼠标左击事件
 Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK //鼠标左键双击事件
 Cesium.ScreenSpaceEventType.LEFT_DOWN //左键鼠标按下事件
 Cesium.ScreenSpaceEventType.LEFT_UP //左键鼠标抬起事件
 Cesium.ScreenSpaceEventType.MIDDLE_CLICK //中键单机
 Cesium.ScreenSpaceEventType.MIDDLE_DOWN //中键按下
 Cesium.ScreenSpaceEventType.MIDDLE_UP //中键抬起
 Cesium.ScreenSpaceEventType.MOUSE_MOVE //鼠标移动
 Cesium.ScreenSpaceEventType.PINCH_END //表示两指事件在触摸面上的结束。
 Cesium.ScreenSpaceEventType.PINCH_MOVE //两指移动
 Cesium.ScreenSpaceEventType.PINCH_START //表示在触摸面上发生两指事件的开始。
 Cesium.ScreenSpaceEventType.RIGHT_CLICK //鼠标右击事件
 Cesium.ScreenSpaceEventType.RIGHT_DOWN  //鼠标右键按下
 Cesium.ScreenSpaceEventType.RIGHT_UP    //鼠标右键抬起
 Cesium.ScreenSpaceEventType.WHEEL //鼠标滚轮事件
 

方式一:【推荐】

每次都创建一个实例,可以多个共存且根据名字(变量比如:下面的handler)可以清除指定事件

//绑定事件
 let handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);//获取地图对象handler.setInputAction((e)=> { //设置监听方法console.log("e", e)
 }, Cesium.ScreenSpaceEventType.LEFT_CLICK);//移除事件
 handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK)

 

 

方式二:

直接在viewer实例上添加,清除事件会污染整个viewer实例且当前实例存在其它鼠标事件会一并清除(适合一键清除地图上事件)

//绑定事件
 viewer.screenSpaceEventHandler.setInputAction( (e)=> {console.log("e", e)
 }, Cesium.ScreenSpaceEventType.MOUSE_MOVE);//移除事件
 viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

 


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。