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

最新推荐文章于 2024-08-28 11:14:23 发布

ctf_0226

最新推荐文章于 2024-08-28 11:14:23 发布

阅读量351

点赞数 5

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/ctf_0226/article/details/140849208

版权

根据鼠标点击屏幕位置获取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);