Cesium 鼠标拾取椭球、地形、模型坐标点（经度+纬度+高程）

最新推荐文章于 2023-04-20 13:39:21 发布

Li.map

最新推荐文章于 2023-04-20 13:39:21 发布

阅读量1.3w

点赞数 5

分类专栏： Cesium开发文章标签： cesium 鼠标高程坐标

本文链接：https://blog.csdn.net/u012123612/article/details/78621498

版权

Cesium开发专栏收录该内容

1 篇文章 0 订阅

订阅专栏

学习过程中遇到的坑，搜索了半天没找到好的解决办法，最后翻API找到了方法，共享出来大家讨论借鉴。

首先，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);