Cesium 入门系列教程（八）：加载3D瓦片及模型

还是大剑师兰特

于 2025-03-25 00:00:00 发布

阅读量1.2k

点赞数 42

分类专栏： # GIS入门教程文章标签： 3d 大剑师 cesium教程 Cesium API cesium示例 cesium入门

本文链接：https://blog.csdn.net/cuclife/article/details/146340457

版权

GIS入门教程专栏收录该内容

45 篇文章

订阅专栏

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，echarts等技术开发，欢迎加底部微信（gis-dajianshi），一起交流。

文章目录

一，Cesium中3D数据加载方式

Cesium 是一个用于创建3D地球和地图的JavaScript库，支持加载和展示多种类型的3D数据及模型。要在Cesium中加载3D数据或模型，你可以使用以下几种方式：

1. 加载3D Tiles

3D Tiles 是一种开放标准，专为流式传输和渲染大规模3D地理空间数据设计，如建筑物、树木、点云等。

步骤:
- 首先，确保你有3D Tiles格式的数据（.json, .b3dm, .pnts等）。
- 使用 Cesium3DTileset 类来加载你的3D Tiles数据集：
```
var tileset = new Cesium.Cesium3DTileset({
    url: 'path/to/your/tileset.json'
});
viewer.scene.primitives.add(tileset);
```

2. 加载glTF模型

glTF (GL Transmission Format)是一种针对OpenGL应用和WebGL的3D模型文件格式，被Cesium原生支持。

步骤:

准备好你的.glb或.gltf模型文件。

使用 Model.fromGltf 方法加载模型：

var modelEntity = viewer.entities.add({
    position : Cesium.Cartesian3.fromDegrees(-75.1641667, 39.9522222),
    model : {
        uri : 'path/to/your/model.glb'
    }
});
viewer.trackedEntity = modelEntity;