Cesium 滑鼠拾取橢球、地形、模型座標點(經度+緯度+高程)

liby0102發表於2017-11-24

學習過程中遇到的坑,搜尋了半天沒找到好的解決辦法,最後翻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);



相關文章