cesium(鼠标事件)

Posted mashuai666

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cesium(鼠标事件)相关的知识,希望对你有一定的参考价值。

本文示列 cesium 鼠标添加事件、及删除事件。

创建viewer

var viewer = new Cesium.Viewer(‘cesiumContainer‘);

鼠标事件

var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);

 

//1、左键单击事件

handler.setInputAction(function(click){
    console.log(‘左键单击事件:‘,click.position);     
},Cesium.ScreenSpaceEventType.LEFT_CLICK);

 

//2、左键双击事件

handler.setInputAction(function(click){
    console.log(‘左键双击事件:‘,click.position);     
},Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK);

 

//3、左键按下事件

handler.setInputAction(function(click){
    console.log(‘左键按下事件:‘,click.position);     
},Cesium.ScreenSpaceEventType.LEFT_DOWN);

 

//4、左键弹起事件

handler.setInputAction(function(click){
    console.log(‘左键弹起事件:‘,click.position);     
},Cesium.ScreenSpaceEventType.LEFT_UP);

 

//5、中键单击事??件

handler.setInputAction(function(click){
      console.log(‘中键单击事??件:‘,click.position);     
 },Cesium.ScreenSpaceEventType.MIDDLE_CLICK);

 

//6、中键按下事件

handler.setInputAction(function(click){
      console.log(‘中键按下事件:‘,click.position);     
},Cesium.ScreenSpaceEventType.MIDDLE_DOWN);

 

//7、中键弹起事件

handler.setInputAction(function(click){
    console.log(‘中键弹起事件:‘,click.position);     
},Cesium.ScreenSpaceEventType.MIDDLE_UP);

 

//8、移动事件

handler.setInputAction(function(movement){
    console.log(‘移动事件:‘,movement.endPosition);     
},Cesium.ScreenSpaceEventType.MOUSE_MOVE);

 

//9、右键单击事件

handler.setInputAction(function(click){
    console.log(‘右键单击事件‘,click.position);     
},Cesium.ScreenSpaceEventType.RIGHT_CLICK);

 

//10、右键按下事件

handler.setInputAction(function(click){
    console.log(‘右键按下事件‘,click.position);     
},Cesium.ScreenSpaceEventType.RIGHT_DOWN);

 

//11、右键弹起事件

handler.setInputAction(function(click){
    console.log(‘右键弹起事件‘,click.position);     
},Cesium.ScreenSpaceEventType.RIGHT_UP);

 

//12、滚轮事件

handler.setInputAction(function(wheelment){
    console.log(‘滚轮事件:‘,wheelment);     
},Cesium.ScreenSpaceEventType.WHEEL);

 

//删除事件

handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

 

以上是关于cesium(鼠标事件)的主要内容,如果未能解决你的问题,请参考以下文章

Cesium实战项目1.点线面实体绘制

Cesium 事件

Cesium 粒子

cesium 相机camera

Cesium — Entity 拖拽、属性修改

Cesium开发入门篇 05Cesium API结构介绍