Cesium 几何体贴模型 sampleHeight（二十二）

sampleHeight(position, objectsToExclude, width)

返回给定地图位置处场景几何体的高度，如果没有要从中采样高度的场景几何体，则返回未定义的高度。输入位置的高度被忽略。可以用于将对象钳夹到场景中的球体、3D平铺或基本体。
此函数仅从当前视图中渲染的球体平铺和三维平铺中采样高度。从所有其他基本体采样高度，而不管其可见性如何。
cesium中的scene.sampleHeight方法是用来查询一个位置的地形或3D模型的高度的。它需要一个Cartesian3类型的位置作为参数，返回一个数字类型的高度值。如果该位置没有地形或3D模型，返回undefined。
示例代码如下：

1. // 查询一个经纬度位置的地形或3D模型高度
2. var position = Cesium.Cartographic.toCartesian(Cesium.Cartographic.fromDegrees(-1.31968, 0.698874));
3. var height = viewer.scene.sampleHeight(position);
4. console.log(height);

复制代码

 
 
以下代码为官方示例的注释版本

1. // 创建一个Cesium视图器，设置一些选项
2. const viewer = new Cesium.Viewer("cesiumContainer", {
3. // 不显示信息框
4. infoBox: false,
5. // 不显示选择指示器
6. selectionIndicator: false,
7. // 开启阴影效果
8. shadows: true,
9. // 开启动画效果
10. shouldAnimate: true,
11. });
12. // 获取视图器的场景对象
13. const scene = viewer.scene;
14. // 设置地球表面对地形进行深度测试，以实现更真实的遮挡效果
15. scene.globe.depthTestAgainstTerrain = true;
16. // 检查浏览器是否支持sampleHeight方法，该方法用于获取给定位置的高程值
17. if (!scene.sampleHeightSupported) {
18. // 如果不支持，则弹出警告框
19. window.alert("This browser does not support sampleHeight.");
20. }
21. // 定义一些常量，用于控制模型和点的位置和范围
22. const longitude = -2.1480545852753163; // 经度（弧度）
23. const latitude = 0.7688240036937101; // 纬度（弧度）
24. const range = 0.000002; // 范围（弧度）
25. const duration = 4.0; // 持续时间（秒）
26. // 在视图器中添加一个实体，表示一个地面车辆模型，并设置其位置为给定的经纬度坐标
27. const entity = viewer.entities.add({
28. position: Cesium.Cartesian3.fromRadians(longitude, latitude),
29. model: {
30. uri: "../SampleData/models/GroundVehicle/GroundVehicle.glb",
31. },
32. });
33. // 在视图器中添加一个点实体，表示一个黄色的圆点，并设置其位置为一个回调函数返回的值，
34. // 这个回调函数会根据当前时间和范围计算出点在经纬度平面上移动的轨迹，并获取该位置处的高程值，
35. // 并将高程值作为点旁边标签显示出来。
36. const point = viewer.entities.add({
37. position: new Cesium.CallbackProperty(updatePosition, false),
38. point: {
39. pixelSize: 10,
40. color: Cesium.Color.YELLOW,
41. disableDepthTestDistance: Number.POSITIVE_INFINITY,
43. }, label: { show: false, showBackground: true,
45. font: “14px monospace”,
47. horizontalOrigin: Cesium.HorizontalOrigin.LEFT,
49. verticalOrigin: Cesium.VerticalOrigin.BOTTOM,
51. pixelOffset: new Cesium.Cartesian2(15, 15),
53. disableDepthTestDistance: Number.POSITIVE_INFINITY, }, });
55. // 定义一个数组，用于排除点实体在获取高程值时的干扰
57. const objectsToExclude = [point];
59. // 定义一个地理坐标对象，用于存储点实体的经纬度和高程
61. const cartographic = new Cesium.Cartographic();
63. // 定义一个函数，用于更新点实体的位置和标签
65. function updatePosition(time, result) {
67. // 根据当前时间和持续时间计算出一个偏移量，用于控制点在范围内左右移动
69. const offset = (time.secondsOfDay % duration) / duration;
71. // 根据偏移量更新点实体的经度坐标
73. cartographic.longitude = longitude - range + offset * range * 2.0;
75. // 点实体的纬度坐标不变
77. cartographic.latitude = latitude;
79. // 声明一个变量，用于存储高程值 <br> let height;
81. // 如果浏览器支持sampleHeight方法，则调用该方法获取点实体位置处的高程值，并将其赋给height变量，
83. // 并将objectsToExclude数组作为参数传入，以避免点实体本身对高程值的影响。
85. if (scene.sampleHeightSupported) {
87. height = scene.sampleHeight(cartographic, objectsToExclude);
89. } // 如果height变量有定义，则说明获取到了有效的高程值，
91. if (Cesium.defined(height)) {
93. // 则将高程值赋给地理坐标对象的height属性 cartographic.height = height;
95. // 并将高程值转换为米为单位，并保留两位小数，作为点实体旁边标签显示出来，
97. point.label.text = ${Math.abs(height).toFixed(2).toString()} m;
99. // 并设置标签为可见状态
101. point.label.show = true;
103. } else {
105. // 否则，说明没有获取到有效的高程值，
107. // 则将地理坐标对象的height属性设为0
109. cartographic.height = 0.0;
111. // 并设置标签为不可见状态
113. point.label.show = false;
115. }
117. // 最后，将地理坐标对象转换为笛卡尔坐标，并返回作为点实体的位置
119. return Cesium.Cartographic.toCartesian( cartographic, Cesium.Ellipsoid.WGS84, result ); }
121. // 设置视图器跟踪实体，即将视角锁定在地面车辆模型上
123. viewer.trackedEntity = entity;

复制代码

 
 
 
 
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！