Cesium 几何体高度模型及 sampleHeight 编程学习

最新推荐文章于 2024-03-19 09:47:05 发布

飘逸徜徉在自由的云端

最新推荐文章于 2024-03-19 09:47:05 发布

阅读量435

点赞数

文章标签：学习编程学习

本文链接：https://blog.csdn.net/database_bug768/article/details/133239400

版权

编程学习专栏收录该内容

167 篇文章 ¥59.90 ¥99.00

订阅专栏

本文详细介绍了Cesium引擎中如何设置几何体模型的高度，特别是利用sampleHeight方法获取地球表面高度，以实现精确的三维地理可视化。通过示例代码，展示了如何结合异步操作和Promise处理，将高度信息应用到模型位置，提升三维场景的真实感。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Cesium是一种强大的地理可视化引擎，可以用于创建交互式的三维地球和地理信息系统应用程序。其中一个重要的功能是能够在地球上展示各种几何体模型，如建筑物、地形等。本文将介绍Cesium中几何体模型的高度设置，并深入讨论如何使用sampleHeight方法进行编程学习。

在Cesium中，几何体模型的高度是通过指定每个顶点的位置来实现的。每个顶点都有其在地球上的经度、纬度和高度信息。Cesium提供了多种方法来设置几何体模型的高度，其中包括使用sampleHeight方法。

sampleHeight方法是Cesium的一个功能强大的方法，用于在给定的位置获取地球表面的高度。这个方法可以接收一个地理坐标作为参数，并返回该位置的地球表面高度。下面是一个示例代码，展示了如何使用Cesium的sampleHeight方法来设置几何体模型的高度：

// 创建一个几何体模型
var model = viewer.scene.primitives.

了解本专栏

订阅专栏解锁全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

飘逸徜徉在自由的云端

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

订阅专栏

Cesium 高度数据获取

TqbcAbap的博客

09-24

1636

在 Cesium 中，获取不同高度的数据是非常常见的需求，可以用于创建地形模型、测量高度差、进行可视化分析等。本文将详细介绍如何使用 Cesium 获取不同高度的数据，并提供相应的源代码示例。通过上述示例代码，我们可以在 Cesium 中轻松获取不同高度的数据。无论是地面高度、植被高度还是建筑物高度，Cesium 提供了简单且灵活的方法来满足各种高度数据获取的需求。除了获取地面高度外，Cesium 还提供了获取其他高度数据的方法。接下来，我们将演示如何获取特定位置的地面高度数据。方法来获取地面高度数据。

cesium sampleHeightMostDetailed 取高度

AllBluefm的专栏

04-21

745

场景中同时存在倾斜和地形时，取高度，先用上面的方法取倾斜的高度；如果高度为undefined或者较大负值；则再调用取地形高度方法，重新取一遍；可以使点位高度尽量精准。

1 条评论您还未登录，请先登录后发表或查看评论

Cesium16-Cesium三维模型高度调整

m0_56492004的博客

03-19

2005

原始数据如果存在高程数据，生产的3DTileset模型数据也会存在高程数据，不过可能由于原始高程数据不准确，造成模型浮空，这时我们就需要对模型进行高度调整。

Cesium获取精准经纬度以及模型高度

热门推荐

IT侠客行的博客

12-17

2万+

varhandler=newCesium.ScreenSpaceEventHandler(viewer.scene._imageryLayerCollection); varray,position1,cartographic1,lon,lat,height; handler.setInputAction(function(event){ ...

Cesium 通过经纬度获取模型的高度

04-03

3458

最近项目中有需要添加标注信息，但是用户的给的数据没有高度这一个选项，只能通过我们自己获取模型的高度来进行赋值通过cesium官方自带的函数进行调整实例代码如下： let lon=112.3554; let lat=36.55555; let height = window.viewer.scene.sampleHeight( new Cesium.Cartographic( Cesium.Math.toRadians(lon),//转换成弧度

cesium贴地贴模型绘制示例，html,三维开发实例前端开发

05-21

关于“三维开发实例”，Cesium提供了丰富的API和实体类型来创建各种3D对象，如点、线、多边形、几何体和模型。模型（Model）是Cesium中处理复杂3D形状的关键，它可以加载来自GLTF、GEOJSON等多种格式的3D模型。在贴...

60.（cesium篇）cesium叠加3D模型（glb模型,gltf模型）.zip

11-29

它采用了JSON格式来存储场景和模型数据，包括几何体、纹理、材质等信息。而glb是glTF的一个二进制版本，它将所有资源打包在一个单一的二进制文件中，因此加载更快，但文件可能比glTF文本格式稍大。在Cesium中加载...

82.（cesium篇）cesium点在3d模型上运动.zip

06-17

该资源包的执行效果查看地址：https://blog.csdn.net/m0_60387551/article/details/123184049 “地图之家”专栏中的“82.（cesium篇）cesium点在3d模型上运动”。如下载有问题，可联系博主。解压密码：cesium

cesium获取模型高度_一键制作任意城市建筑场地模型-gis小技巧

weixin_39604045的博客

11-22

765

文章来源-公众号：空间规划小课堂听说你还在用su建场地建筑模型？场地周边建筑不知道如何获取？对庞大的su城市模型毫无头绪？今天讲解下一种新思路，可以做任意城市建筑模型要建模首先你得有场地的建筑cad，如果没有cad那么你得有一个矢量的建筑轮廓然而现实是你两个都没有这个不用担心，文章底部会附带二十几个城市的建筑轮廓资料免费赠送，并且都带建筑层数信息如果你比较倒霉没有提供到你所在的城市那你后边就不用看...

Cesium使用clampToHeightMostDetailed或者sampleHeightMostDetailed获取3Dtileset上的坐标高程始终获取不到问题。

qq_40043761的博客

08-30

4968

为了方便对于多个3Dtileset管理和删除，我使用了new PrimitiveCollection()集合去加载3Dtileset。数据加载是没问题的，通过同步的sampleHeight和clampToHeight获取到的高程也是对的。但是我们现在有很多个点，遍历同步去获取性能开销太大，于是采用异步的clampToHeightMostDetailed和sampleHeightMostDetailed去获取，却始终获取的是地面的高度。经过调式，发现问题在Cesium源码上在上面的getT..

Cesium高程提取代码（分多种情况）

08-25

不采用鼠标点击的被动式获取方式，通过插值等等方式获取离散点，借助cesium的api获取直线、范围面的高程，只需要经纬度坐标即可，分不同情况调用不同接口，放上代码与截图说明

Cesium示例程序学习和讲解(4)-调整3DTiles模型高度

qq_32077521的博客

03-12

1575

在三维场景中如何加载3dtiles模型，如何调整模型在场景中的高度

cesium 局部加载_Cesium中部分高度的讲解

weixin_33800724的博客

02-01

906

1、地形高度的获取方法a: 通过事件获取到像素坐标，然后转为世界坐标，再求地形高度var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas);handler.setInputAction(function(evt) {var ray=viewer.camera.getPickRay(evt.position);var cartesi...

Cesium模型设置

StupidlyGrass的博客

02-27

1513

【代码】Cesium模型设置。

Cesium 同时拾取多个对象与 1024*1024 个坐标

总要开始写的博客

10-24

2507

如果直接使用 Cesium 定义的方式实现同时拾取 m 个点，就需要额外增加 m 个渲染批次，如果 m 为上百万，那计算损耗是非常大的。但是，如果我们可以定义 pick 的视锥，并规定深度图的大小为 n*n，通过一次离屏的深度测试后，再将深度图上的点全部转化为世界坐标，就可以实现仅通过增加一趟额外的渲染，就能够拾取到一定范围内的 n*n 个坐标点。

Cesium 实战 12 - 根据经纬度获取高度

非科班Java出身GISer的博客

01-22

1811

Cesium 实战 - 根据经纬度获取高度。

Cesium 各高度的获取

资深三维GIS开发

05-15

1万+

1、地形高度的获取方法a: 通过事件获取到像素坐标，然后转为世界坐标，再求地形高度 var handler = new Cesium.ScreenSpaceEventHandler(scene.canvas); handler.setInputAction(function(evt) { var ray=viewer.camera.getPickRay(evt.position); ...

CESIUM例子学习（十三）——Clamp To 3DModel

luoyun620的博客

07-27

1937

前面从例子中学习了绘制要素紧贴地表的操作。但是在项目中，紧贴地表可能是不够的，比如需要在模型顶上绘制一个label，难道要在模型顶上加上一个写死的高度的，否则label就会被模型覆盖。要解决这样的问题，学习Clamp To 3DModel应该可以帮上忙。原码中绘制的是动态变化的点，绘制的原理方法就是利用属性回调函数，实时更新pint点的位置。代码如下： function addPoint () { point = viewer.entities.add({ position:

cesium计算动态高度显示，高度刚好展示全部点位

葫芦娃y的博客

05-04

447

cesium计算动态高度显示，高度刚好展示全部点位

如何实现给模型指定位置设置几何体 cesium

最新发布

03-01

<think>好的，我现在需要帮用户解决如何在Cesium中给模型指定位置设置几何体的问题。首先，我得回忆一下Cesium的相关知识。Cesium是一个强大的WebGIS库，支持3D模型和地理空间数据的可视化。用户的问题是在模型的特定位置添加几何体，比如在建筑物模型的某个角落添加一个立方体或球体。首先，我应该考虑模型的坐标系。Cesium中的模型通常是基于WGS84坐标系的，但模型的局部坐标系可能使用相对位置。用户可能需要将几何体放置在模型局部坐标中的某个点，或者地理坐标系中的绝对位置。这里可能需要坐标转换。然后，Cesium中创建几何体的方法。常见的几何体如立方体、球体、圆柱体等，可以通过Primitive或Entity API来创建。但如果是添加到已有模型的指定位置，可能需要将几何体的位置与模型的某个部分对齐。接下来，我需要考虑模型的加载方式。用户可能使用的是Cesium的3D Tiles模型或glTF模型。如果是3D Tiles，可能需要获取特定tile的位置信息。如果是glTF，可能需要获取模型节点的变换矩阵，以便确定几何体的正确位置。另外，模型的局部坐标系和世界坐标系的转换是关键。可能需要使用Cesium的Matrix4类来进行坐标变换，将局部坐标转换为世界坐标，然后在正确的位置放置几何体。可能的步骤包括：加载模型，获取模型的位置和方向，计算指定位置的全局坐标，创建几何体并设置其位置。例如，如果模型的原点在某经纬度高程处，而用户想在模型的局部坐标(10,5,2)处添加一个球体，就需要将该局部坐标转换为世界坐标，再创建几何体。此外，还要考虑模型的动画或变换是否会影响几何体的位置。如果模型在场景中移动或旋转，几何体是否需要随之移动？如果需要，可能需要监听模型的变化，并更新几何体的位置。最后，需要验证方法的正确性，可能通过示例代码来演示整个过程。比如，加载一个模型，计算某个局部点的世界坐标，然后使用Entity API添加一个球体在该位置。</think>在Cesium中为3D模型的指定位置添加几何体，需通过坐标转换确定目标点的世界坐标，再创建几何体实体。以下是具体实现步骤： 1. **加载3D模型** - 使用Cesium的3D Tiles或glTF加载模型： ```javascript const model = viewer.scene.primitives.add( Cesium.Model.fromGltf({ url: 'model.gltf', modelMatrix: Cesium.Transforms.eastNorthUpToFixedFrame( Cesium.Cartesian3.fromDegrees(116.39, 39.9, 100) ) }) ); ``` 2. **获取模型变换矩阵** - 记录模型的世界坐标变换： ```javascript const modelMatrix = model.modelMatrix; ``` 3. **定义局部坐标** - 在模型坐标系中确定目标位置（例如向右10米，向前5米，向上2米）： ```javascript const localPosition = new Cesium.Cartesian3(10, 5, 2); ``` 4. **坐标转换** - 将局部坐标转换为世界坐标： ```javascript const worldPosition = Cesium.Matrix4.multiplyByPoint( modelMatrix, localPosition, new Cesium.Cartesian3() ); ``` 5. **创建几何体** - 在转换后的位置添加实体： ```javascript viewer.entities.add({ position: worldPosition, cylinder: { length: 8, topRadius: 3, bottomRadius: 3, material: Cesium.Color.RED } }); ``` **关键原理**： - 模型坐标系到WGS84的转换通过模型矩阵(`modelMatrix`)实现 - 使用`Matrix4.multiplyByPoint`进行矩阵坐标变换 - 支持动态更新（模型移动时需重新计算坐标） **应用场景**： - 建筑物标注定位 - 设备安装位置可视化 - 动态标记模型部件 **进阶技巧**： ```javascript // 实时更新位置（模型动态移动时） model.readyPromise.then(() => { viewer.scene.preUpdate.addEventListener(() => { const newPosition = Cesium.Matrix4.multiplyByPoint( model.modelMatrix, localPosition, new Cesium.Cartesian3() ); entity.position = newPosition; }); }); ``` 该方法确保几何体始终与模型保持相对位置，适用于复杂三维场景的精准标注需求。