cesium 场景Scene

Posted 2023-04-25

参考技术A Scene场景是所有3D图形对象的容器（html canvas），是由在Viewer或CesiumWidget内部隐式创建的。

场景对象中可以控制：globe椭圆体（imageryLayers底图、terrainProvider地形）、camera相机、skyBox天空盒、sun太阳、moon月亮、primitives默认矢量数据层、postProcessStage后处理效果等。

Scene场景渲染监听事件触发顺序：

（addEventListener和removeEventListener进行绑定和解绑）

viewer.scene.preUpdate  在更新或者呈现场景之前立即触发

viewer.scene.postUpdate 在场景更新后以及渲染场景之前立即触发

viewer.scene.preRender 在场景更新后以及渲染场景之前触发

viewer.scene.postRender 在渲染场景后立即触发

cesium获取点击点的经纬度

参考技术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);