地图界面鼠标事件监听
var handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
//鼠标滚轮
handler.setInputAction(function (wheelment) {
// 视觉高度,距离地面高度
var height = viewer.camera.positionCartographic.height;
}, Cesium.ScreenSpaceEventType.WHEEL);
// 鼠标左点击
handler.setInputAction(function (movement) { //获取坐标
// 第一种坐标解析
//返回在椭球上面的点的坐标
var earthPosition = viewer.scene.camera.pickEllipsoid(movement.position, viewer.scene.globe.ellipsoid);
if (Cesium.defined(earthPosition)) {
//根据笛卡尔坐标获取到弧度
var cartographic = Cesium.Cartographic.fromCartesian(earthPosition);
var lon = Cesium.Math.toDegrees(cartographic.longitude); // 经度
var lat = Cesium.Math.toDegrees(cartographic.latitude); // 纬度
var height = cartographic.height; //高度
}
// 第二种坐标解析
var pick = new Cesium.Cartesian2(movement.position.x, movement.position.y); //屏幕坐标->世界坐标
var cartesian = viewer.scene.globe.pick(viewer.camera.getPickRay(pick1), viewer.scene); //屏幕坐标->世界坐标 (两步)
var cartographic = Cesium.Cartographic.fromCartesian(cartesian); //世界坐标->地理坐标
var point = [cartographic.longitude / Math.PI * 180, cartographic.latitude / Math.PI * 180]; //地理坐标->经纬度坐标
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
// 鼠标右点击
handler.setInputAction(function (movement) {
console.log(movement);
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK);
// 鼠标移动
handler.setInputAction(function (movement) {
var pick = viewer.scene.pick(movement.endPosition);
// 鼠标最后停留的位置,是否有model存在
if (Cesium.defined(pick) && pick.id) {
console.log(pick.id)
}
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE);
// 移除点击事件
handler.removeInputAction(Cesium.ScreenSpaceEventType.WHEEL);
handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);
handler.removeInputAction(Cesium.ScreenSpaceEventType.RIGHT_CLICK);
handler.removeInputAction(Cesium.ScreenSpaceEventType.MOUSE_MOVE);
此笔记仅仅为了记录自己在项目中所学到的知识,如果有问题,可以提出,我们可以共同探讨。