globe.js
实例化
function Globe() { } var viewer Globe.prototype.Init = function () { viewer = new Cesium.Viewer("cesiumContainer", { timeline: false,//时间轴 animation: false,//动画控制器 allowDataSourcesToSuspendAnimation: true, resolutionScale: 2, infoBox: false, targetFrameRate: 120, shadows: true, shouldAnimate: true, }); }
helloworld.html
// 鼠标事件 var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas); //实例化对象的setInputAction方法 handler.setInputAction(function (event) { var earthPosition = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid); //可以拿到笛卡尔3d坐标系 console.log(earthPosition); //可以得到笛卡尔平面坐标系 }, Cesium.ScreenSpaceEventType.LEFT_CLICK); //鼠标左键
//鼠标右键 handler.setInputAction(function (event) { var earthPosition = viewer.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid); //可以拿到笛卡尔3d坐标系 console.log(earthPosition); //可以得到笛卡尔平面坐标系 }, Cesium.ScreenSpaceEventType.RIGHT_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.WHEEL