cesium获取点击点的经纬度

Posted 2023-03-22

参考技术A 首先，Cesium 中的坐标可分为两种情况：二维和三维，三维又有地形和模型之分；

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);

方法二

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);//纬度值
//height结果与cartographic.height相差无几，注意：cartographic.height可以为0，也就是说，可以根据经纬度计算出高程。
var height=viewer.scene.globe.getHeight(cartographic);
var mapPosition=x:lng,y:lat,z:height.height;//height的值为地形高度。
, Cesium.ScreenSpaceEventType.LEFT_CLICK);

3、三维坐标，获取模型表面的经纬度高程坐标（此方法借鉴于官方示例）：

var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function(evt)
var scene = viewer.scene;
if (scene.mode !== Cesium.SceneMode.MORPHING)
var pickedObject = scene.pick(evt.position);
if (scene.pickPositionSupported && Cesium.defined(pickedObject) && pickedObject.node)
var cartesian = viewer.scene.pickPosition(evt.position);
if (Cesium.defined(cartesian))
var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
var lng = Cesium.Math.toDegrees(cartographic.longitude);
var lat = Cesium.Math.toDegrees(cartographic.latitude);
var height = cartographic.height;//模型高度
mapPosition=x:lng,y:lat,z:height



, Cesium.ScreenSpaceEventType.LEFT_CLICK);

关于Cesium地图点击不准的问题

参考技术A 出现这问题我遇到的一般有两种原因

参考博客： Cesium的拾取问题总结
解决办法： viewer.scene.globe.depthTestAgainstTerrain = true; //默认为false

之前网站的时候自适应用了translate缩放，没有用rem导致cesium点击的时候，根据屏幕坐标获取的经纬度不准，拿不到点信息，后来把屏幕坐标打印出来就发现原因，虽然页面是缩放了，但是屏幕坐标还是页面原本的信息，所以对应不上，要把获取到的屏幕坐标根据缩放比例进行换算，再去获取经纬度
例子如下：