Cesium.js點擊事件

創建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);