Bootstrap

Cesium获取鼠标点击位置

  • 返回椭球或地图表面上点的经纬度(方法一)
handler.setInputAction((event) => {
	// 获取点的世界坐标
	const start_point = viewer.scene.camera.pickEllipsoid(event.position, viewer.scene.globe.ellipsoid)
	// 笛卡尔坐标转弧度
    let cartographic = Cesium.Cartographic.fromCartesian(start_point, viewer.scene.globe.ellipsoid, new Cesium.Cartographic())
    // Cesium.Math.toDegrees 弧度转度,将弧度转换成经纬度
    let lng = Cesium.Math.toDegrees(cartographic.longitude)
    let lat = Cesium.Math.toDegrees(cartographic.latitude)
}, Cesium.ScreenSpaceEventType.LEFT_UP)
  • 返回椭球或地图表面上点的经纬度(方法二)
handler.setInputAction((event) => {
	// 从相机位置到position的像素创建射线
    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)
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)
  • 返回椭球或地图表面上点的经纬度(方法三)
handler.setInputAction((event) => {
	// 在开启地形深度检测,且不适用默认地形时准确
	// 获取具有高度的物体上的鼠标点坐标
    let cartesian = viewer.scene.pickPosition(event.position)
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)
;