Bootstrap

cesium 三维点击地图获取经纬度坐标

  • 根据鼠标点击屏幕位置获取Cartesian3坐标
  • 将Cartesian3解析为Cartographic弧度坐标
  • 弧度坐标转换为经纬度坐标

// 方法1. 获取椭球体表面的经纬度坐标,
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function(evt) {
    var cartesian = viewer.camera.pickEllipsoid(evt.position,viewer.scene.globe.ellipsoid);
    var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
    var lng = Cesium.Math.toDegrees(cartographic.longitude);//经度值
    var lat = Cesium.Math.toDegrees(cartographic.latitude);//纬度值
    var mapPosition = {x:lng,y:lat,z:cartographic.height};//cartographic.height的值始终为零。
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

//方法2.  获取地形表面的经纬度高程坐标
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function(evt) {
    var ray = viewer.camera.getPickRay(evt.position);
    var cartesian = viewer.scene.globe.pick(ray,viewer.scene);
    var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
    var lng = Cesium.Math.toDegrees(cartographic.longitude);//经度值
    var lat = Cesium.Math.toDegrees(cartographic.latitude);//纬度值
    var mapPosition={x:lng,y:lat,z:cartographic.height};//cartographic.height的值为地形高度。
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

//方法3.  获取模型或者其他要素
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function(evt) {
    var cartesian = viewer.scene.pickPosition(evt.position);
    var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
    var lng = Cesium.Math.toDegrees(cartographic.longitude);//经度值
    var lat = Cesium.Math.toDegrees(cartographic.latitude);//纬度值
    var mapPosition={x:lng,y:lat,z:cartographic.height};//
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);

;