Cesium 各高度的获取

最新推荐文章于 2025-11-18 16:39:37 发布
最新推荐文章于 2025-11-18 16:39:37 发布
阅读量913 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Cesium GIS可视化 文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/seelingzheng/article/details/128810515
本文详细介绍了在Cesium中获取地形和模型表面高度的方法，包括通过事件获取像素坐标转换后的地形高度，使用Cesium.sampleTerrain和Cesium.sampleTerrainMostDetailed异步获取精确高度。同时，还阐述了模型表面高度的同步和异步获取方式，以及sampleheight在获取地形和模型高度中的应用。
地形高度的获取
  • 通过事件获取到像素坐标，然后转为世界坐标，再求地形高度
var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);
handler.setInputAction(function(evt
了解本专栏 订阅专栏 解锁全文 超级会员免费看
Cesium 高度数据获取
TqbcAbap的博客
09-24 1780
在 Cesium 中，获取不同高度的数据是非常常见的需求，可以用于创建地形模型、测量高度差、进行可视化分析等。本文将详细介绍如何使用 Cesium 获取不同高度的数据，并提供相应的源代码示例。通过上述示例代码，我们可以在 Cesium 中轻松获取不同高度的数据。无论是地面高度、植被高度还是建筑物高度，Cesium 提供了简单且灵活的方法来满足各种高度数据获取的需求。除了获取地面高度外，Cesium 还提供了获取其他高度数据的方法。接下来，我们将演示如何获取特定位置的地面高度数据。方法来获取地面高度数据。
CesiumJS【Basic】- #068 获取高度的5种方法
AlanL的专栏
07-04 906
获取高度的5种方法
Cesium+Vue 入门教程：从零搭建 3D 地球应用
最新发布
m0_46409384的博客
11-18 1060
Cesium 是一款开源的 3D 地理信息可视化引擎，支持地形、影像、矢量数据、3D 模型等多种地理数据的渲染，广泛应用于 GIS 系统、数字孪生、虚拟仿真等场景。本文将带领 Vue 开发者快速集成 Cesium，实现基础的 3D 地球可视化功能。
Cesium 实战 12 - 根据经纬度获取高度
非科班Java出身GISer的博客
01-22 2134
Cesium 实战 - 根据经纬度获取高度。
Cesium获取地形的高度
热门推荐
大大大大大碗面
12-05 1万+
不要再使用网上的globe的方法了，现在Cesium已经有两种方法可以获取到地形的高度了，分别为： sampleTerrain :   获取非精确的地形的高度 sampleTerrainMostDetailed： 获取尽量精确的地形的高度 用法(注意，回调是异步的)： 1.sampleTerrain(terrainProvider, level, positions) Initiates ...
Cesium 采集地形高度，采集模型高度 （异步方法，适合数据较多的时候）
qq_27816785的博客
07-22 9781
阅前须知： 1. 该文章适合采集大量点的高度（异步采集）； 2. 如果采集单点高度（同步采集），请参考API：scene类下的 sampleHeight 和 clampToHeight，适合采集单点。 Scene - Cesium Documentation 正文开始 主要功能： 1. 采集地形高度（地形：viewer.terrainProvider） 2. 采集模型高度（3DTile，model，entity等） 以下代码，支持获取上述两种高度（获取地形...
精选资源
64.（cesium篇）cesium根据坐标位置获取地形高度.zip
06-13
该资源包的执行效果查看地址：...“地图之家”专栏中的“64.（cesium篇）cesium根据坐标位置获取地形高度”。如下载有问题，可联系博主。 解压密码：cesium
精选资源
68.（cesium篇）cesium获取两点（有高度差）之间的距离.zip
06-13
该资源包的执行效果查看地址：...“地图之家”专栏中的“68.（cesium篇）cesium获取两点（有高度差）之间的距离”。如下载有问题，可联系博主。 解压密码：cesium
Cesium 获取某点地形高度
ismartcube的博客
12-04 2826
是一个用于获取多个地理位置精确地形高度的函数，非常适合用于需要高精度地形数据的场景。它通过提供对地形数据源的精确访问，帮助开发者实现更精细的地理信息分析。提供一个高效、兼容、优化的数据转换工具，一站式完成数据转换、数据发布、数据预览操作。
cesium 使用异步函数 getHeightAtPoint，获取指定经纬度点的地形高度。
this__valve的博客
09-05 1036
这个函数使用 CesiumJS 库的方法来获取地形数据。
cesium根据坐标位置获取地形高度（cesium篇.64）
地图之家
12-06 2667
听老人家说：多看美女会长寿 地图之家总目录（订阅之前建议先查看该博客） 文章末尾处提供保证可运行完整代码包，运行如有问题，可“私信”博主。 效果如下所示： 下面献上完整代码，代码重要位置会做相应解释 <html lang="en"> <head> <meta charset="UTF-8"/> <script src="Build/Cesium/Cesium.js"></script> <link rel="st
cesium加载地形后获取地形的贴地高度
weixin_52229670的博客
09-12 1375
cesium 地形贴地高度
Cesium高程数据获取方法
TqbcAbap的博客
09-23 1245
它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。它提供了丰富的功能，包括地球表面的三维可视化和高程数据的展示。
Cesium计算地形高度
qq_35956444的博客
05-31 702
/根据经纬度计算出地形高度。
Cesium 通过经纬度获取模型的高度
04-03 3569
最近项目中有需要添加标注信息，但是用户的给的数据没有高度这一个选项，只能通过我们自己获取模型的高度来进行赋值 通过cesium官方自带的函数进行调整实例代码如下： let lon=112.3554; let lat=36.55555; let height = window.viewer.scene.sampleHeight( new Cesium.Cartographic( Cesium.Math.toRadians(lon),//转换成弧度
Cesium获取点位在地形上的高度
liuchao的博客
02-01 3533
Cesium获取点位在地形上的高度
Cesium中获取坐标点地形高程的方法
mazhuo110的博客
03-27 3455
在Cesium中获取位置点的高程信息有两种方法： 1、sampleTerrain 获取非精确 2、sampleTerrainMostDetailed 获取精确 方法一使用： Name Type Description terrainProvider TerrainProvider The terrain provider from which to qu...
Cesium.Viewer 获取当前高度
10-29
<think>我们正在讨论如何使用Cesium.Viewer获取当前高度。根据之前的对话历史和引用内容，我们可以总结出几种获取高度的方法： 根据引用[2]和引用[3]，获取高度的方法有： 1. 使用`viewer.scene.globe.getHeight(cartographic)`：这是一个同步方法，适合实时获取高度。 2. 使用`Cesium.sampleTerrain`或`Cesium.sampleTerrainMostDetailed`：这些是异步方法，可以获取更精确的地形高度。 另外，引用[4]提到了地球表面的高度偏移量（`surfaceHeight`属性），但这不是直接获取高度的方法，而是设置地球表面整体偏移。 现在，用户的问题是如何使用Cesium.Viewer获取当前高度。这里的“当前高度”可能指的是当前相机位置的高度，或者地图中心点的高度，或者是鼠标点击点的高度。由于用户没有特别指明，我们可以假设用户需要获取当前相机位置的高度（海拔）。 ### 步骤： 1. 获取相机当前的笛卡尔坐标（世界坐标）。 2. 将笛卡尔坐标转换为地理坐标（弧度制的经纬度和高度）。 3. 从地理坐标中直接提取高度值。 注意：相机位置的高度是相对于椭球体的高度（椭球体高度），而如果我们想获取地形高度（即相机下方地面的海拔），则需要使用地形采样方法。 ### 方法1：获取相机的椭球体高度 ```javascript // 获取相机位置（笛卡尔坐标，世界坐标系） const position = viewer.camera.positionWC; // 将笛卡尔坐标转换为地理坐标（弧度制） const cartographic = Cesium.Cartographic.fromCartesian(position); // 此时cartographic.height就是相机相对于椭球体的高度（单位：米） const height = cartographic.height; console.log(`相机高度（椭球体高度）: ${height} 米`); ``` ### 方法2：获取相机下方地形的海拔高度（异步） 如果我们想要知道相机正下方的地形高度，可以使用地形采样。注意：这个过程是异步的。 ```javascript // 获取相机位置的地理坐标（弧度制） const position = viewer.camera.positionWC; const cartographic = Cesium.Cartographic.fromCartesian(position); // 创建一个位置数组（因为sampleTerrain需要数组） const positions = [cartographic]; // 使用地形提供者采样 const terrainProvider = viewer.terrainProvider; // 设置采样精度级别，通常使用最高精度 Cesium.sampleTerrainMostDetailed(terrainProvider, positions) .then(function(updatedPositions) { if (updatedPositions && updatedPositions.length > 0) { const terrainHeight = updatedPositions[0].height; console.log(`相机下方地形高度: ${terrainHeight} 米`); } }) .catch(function(error) { console.error('获取地形高度失败', error); }); ``` ### 方法3：获取屏幕中心点的地形高度（考虑地图倾斜） 如果用户想要的是屏幕中心点的地形高度（无论地图是否倾斜），我们可以通过以下步骤： ```javascript // 获取画布中心点 const canvas = viewer.scene.canvas; const centerPixel = new Cesium.Cartesian2(canvas.width / 2, canvas.height / 2); // 获取中心点对应的射线 const ray = viewer.camera.getPickRay(centerPixel); if (ray) { // 获取射线与地形的交点 const position = viewer.scene.globe.pick(ray, viewer.scene); if (position) { const cartographic = Cesium.Cartographic.fromCartesian(position); // 如果没有加载地形，这里获取的高度可能是椭球体高度 // 如果加载了地形，则是地形上的高度 console.log(`屏幕中心点高度: ${cartographic.height} 米`); } } ``` ### 说明： - **椭球体高度**：是相对于WGS84椭球体的高度。 - **地形高度**：是地球表面的实际海拔高度（包含地形起伏）。 - 当场景中加载了地形（如World Terrain）时，使用`globe.pick`会返回地形上的点，所以得到的高度是地形高度。 ### 注意事项： 1. 地形采样（`sampleTerrain`）需要地形图层支持，并且是异步操作。 2. 如果没有地形数据，`globe.pick`返回的将是椭球体表面。 3. 在获取高度时，注意单位是米。 ### 完整示例代码（获取相机位置的椭球体高度和地形高度）： ```javascript // 获取相机椭球体高度 function getCameraEllipsoidHeight() { const cartographic = Cesium.Cartographic.fromCartesian(viewer.camera.positionWC); return cartographic.height; } // 获取相机下方地形高度（异步） function getTerrainHeightUnderCamera() { const cartographic = Cesium.Cartographic.fromCartesian(viewer.camera.positionWC); return new Promise((resolve, reject) => { Cesium.sampleTerrainMostDetailed(viewer.terrainProvider, [cartographic]) .then(updatedPositions => resolve(updatedPositions[0].height)) .catch(reject); }); } // 使用示例 console.log('椭球体高度:', getCameraEllipsoidHeight()); getTerrainHeightUnderCamera().then(height => { console.log('地形高度:', height); }); ``` ### 引用说明： - 方法1直接使用`Cartographic.fromCartesian`获取椭球体高度，在引用[3]中有类似操作。 - 方法2使用`sampleTerrainMostDetailed`获取地形高度，参考自引用[2]和引用[3]。 - 方法3通过屏幕中心点获取地形高度，参考引用[2]中鼠标点击获取高度的方法。 §§相关问题§§ 1. 如何区分椭球体高度和地形高度？ 2. 为什么有时候获取的地形高度为undefined？ 3. 如何实时更新相机高度并显示？ </think>### 使用 Cesium.Viewer 获取当前高度的方法 在 Cesium 中获取当前高度（通常是相机高度或地图中心点高度）有以下几种核心方法： #### 方法 1：直接获取相机高度（椭球体高度） ```javascript // 获取相机笛卡尔坐标 const cameraPosition = viewer.camera.positionWC; // 转换为地理坐标 const cartographic = Cesium.Cartographic.fromCartesian(cameraPosition); // 获取高度（相对于椭球体） const height = cartographic.height; // 单位：米 console.log(`当前相机高度：${height.toFixed(2)} 米`); ``` **特点**： - 获取的是相机相对于 WGS84 椭球体的高度[^1][^2] - 不考虑地形起伏 - 适用于高空视角（全球视图） #### 方法 2：获取地形高度（地表高程） ```javascript // 获取屏幕中心点坐标 const canvas = viewer.scene.canvas; const centerPixel = new Cesium.Cartesian2( canvas.width / 2, canvas.height / 2 ); // 获取射线与地形的交点 const ray = viewer.camera.getPickRay(centerPixel); const position = viewer.scene.globe.pick(ray, viewer.scene); if (position) { const cartographic = Cesium.Cartographic.fromCartesian(position); const terrainHeight = cartographic.height; // 地形高度 console.log(`地表高程：${terrainHeight.toFixed(2)} 米`); } ``` **特点**： - 精确获取地表高程（考虑地形起伏）[^2] - 需要地形服务支持（如 World Terrain） - 倾斜视角时仍能准确定位地表点 #### 方法 3：异步获取地形高度（高精度） ```javascript // 获取相机位置的地理坐标 const cartographic = Cesium.Cartographic.fromCartesian( viewer.camera.positionWC ); // 异步获取最高精度地形高度 Cesium.sampleTerrainMostDetailed(viewer.terrainProvider, [cartographic]) .then(updatedPositions => { const preciseHeight = updatedPositions[0].height; console.log(`精准地形高度：${preciseHeight.toFixed(2)} 米`); }); ``` **特点**： - 获取最高精度地形数据（支持 LOD）[^3] - 异步操作不影响主线程 - 需要地形服务支持 #### 方法 4：实时高度监听 ```javascript // 监听相机变化事件 viewer.camera.changed.addEventListener(() => { const cartographic = Cesium.Cartographic.fromCartesian( viewer.camera.positionWC ); const height = cartographic.height; document.getElementById('height-display').innerText = `当前高度：${height.toFixed(0)} 米`; }); ``` ### 关键区别说明 | 方法 | 获取高度类型 | 是否考虑地形 | 精度 | 适用场景 | |-------------|-------------------|-------------|---------|----------------------| | 方法1 | 椭球体高度 | ❌ | 低 | 全球视图、高空操作 | | 方法2 | 地表高程 | ✅ | 中 | 倾斜视角、地表操作 | | 方法3 | 精准地表高程 | ✅ | 高 | 地形分析、精确定位 | ### 注意事项 1. **地形服务依赖**：方法 2-3 需要启用地形服务初始化： ```javascript const viewer = new Cesium.Viewer('cesiumContainer', { terrain: Cesium.Terrain.fromWorldTerrain() }); ``` 2. **高度偏移处理**：如果设置了地表偏移量，需考虑其影响： ```javascript const surfaceOffset = viewer.scene.globe.surfaceHeight; // 获取偏移量[^4] const actualHeight = terrainHeight - surfaceOffset; ``` 3. **空值处理**：海洋或未加载区域可能返回 `undefined`，需添加错误处理： ```javascript if (cartographic.height === undefined) { console.log("该位置无地形数据"); } ```
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

seelingzheng

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值