cesium事件

Raccom

已于 2022-10-18 17:56:59 修改

阅读量108

点赞数 1

分类专栏： WebGIS 文章标签： javascript 开发语言

于 2022-10-13 14:37:36 首次发布

本文链接：https://blog.csdn.net/Raccon_/article/details/127301075

版权

WebGIS 专栏收录该内容

16 篇文章 7 订阅

订阅专栏

cesium事件

获取位置信息

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

// 点击获取坐标
handler.setInputAction(function(event){
	let ray = viewer.camera.getPickRay(event.position);
	let cartesian = viewer.scene.globe.pick(ray, viewer.scene);
	let cartographic = Cesium.Cartographic.fromCartesian(cartesian);
	let lng = Cesium.Math.toDegrees(cartographic.longitude); // 经度
    let lat = Cesium.Math.toDegrees(cartographic.latitude); // 纬度
    let alt = cartographic.height; // 高度
    let coordinate = {
       longitude: Number(lng.toFixed(6)),
       latitude: Number(lat.toFixed(6)),
       altitude: Number(alt.toFixed(2))
    };
    console.log(coordinate);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);


// 鼠标移动获取坐标
handler.setInputAction(function(movement){
	//捕获椭球体，将笛卡尔二维平面坐标转为椭球体的笛卡尔三维坐标，返回球体表面的点
    var ellipsoid = viewer.scene.globe.ellipsoid;
    var cartesian = viewer.camera.pickEllipsoid(movement.endPosition, ellipsoid);
    if(cartesian){
      	//将笛卡尔三维坐标转为地图坐标（弧度）
       	var cartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian);
      	//将地图坐标（弧度）转为十进制的度数
      	var lat = Cesium.Math.toDegrees(cartographic.latitude).toFixed(4);
      	var lng = Cesium.Math.toDegrees(cartographic.longitude).toFixed(4);
      	var height = (viewer.camera.positionCartographic.height/1000).toFixed(2);
		position.value = lng+", "+lat+", "+height;
     }
}, Cesium.ScreenSpaceEventType.MOUSE_MOVE)

点击获取事件对象及模型信息

let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
handler.setInputAction(function (movement) {
	var pick = viewer.scene.pick(movement.position);
    var dpick = viewer.scene.drillPick(movement.position, 1000, 1000)
    console.log("cesium点击", movement, pick, dpick);
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

移除鼠标事件

方法一：

handler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK)//移除事件

方法二：

viewer.screenSpaceEventHandler.removeInputAction(Cesium.ScreenSpaceEventType.LEFT_CLICK);

常用事件类型

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 //鼠标滚轮事件