Skip to content

Cesium 快速入门持续更新

Cesium 是什么

我们打开 Cesium 官网,能够很清晰的看到官方赋予 Cesium 的使命,即构建世界一流的 3D 地理空间应用程序。那 Cesium 到底是个什么东东呢?

Cesium 是一个跨平台、跨浏览器的展示三维地球和地图的 javascript 库 Cesium 使用 WebGL 来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持 WebGL Cesium 是基于 Apache2.0 许可的开源程序,它可以免费的用于商业和非商业用途

Cesium 支持的数据格式

  • 影像数据:Bing、天地图、ArcGIS、OSM、WMTS、WMS 等
  • 地形数据:ArcGIS、谷歌、STK 等
  • 矢量数据:KML、KMZ、GeoJSON、TopoJSON、CZML
  • 三维模型:GLTF、GLB(二进制 glTF 文件)
  • 三维瓦片:3D Tiles(倾斜摄影、人工模型、 三维建筑物、CAD、BIM,点云数据等)

Cesium 能做什么

支持 2D,2.5D,3D 形式的地理(地图)数据展示 可以绘制各种几何图形、高亮区域,支持导入图片,甚至三维模型等多种数据可视化展示 可用于动态数据可视化并提供良好的触摸支持,支持绝大多数的浏览器和移动端浏览器 支持基于时间轴的动态流式数据展示

Cesium 在项目中的定位

在数据、服务、应用三层架构中,Cesium 属于 B/S 架构下的客户端应用层面的三维开发框架。如下图所示:

Cesium 知识体系

Cesium 是一个跨界的 SDK,涉及三个知识领域 : Web 前端、计算机图形学、地理信息系统(GIS)。所以想要学好 Cesium,并能够利用 Cesium 进行二次开发,必须对 Web 前端、计算机图形学、GIS 相关的基础知识有所掌握,当然阅读 Cesum 源码也是非常有必要的。计算机图形学方面建议学习《WebGL 编程指南》书籍。

Cesium 学习路线

Cesium API 学习由浅入深的学习路线如下图所示:

Cesium 进阶之路

  • Web 前端方向:Cesium 与 webpack(裁剪以及压缩),Cesium 与 vue(框架设计, 嵌入复杂业务系统),Cesium 的 UI(UI 设计,定制可复用的 Cesium 交互界面)
  • 计算机图形学方向:WebGL 深入,基于 Cesium 的可视化定制(视阈、水淹、水面、热力图,流场图、飞线图、扫描图)
  • 数据预处理方向:投影变换,空间索引,LOD ,3dtile 生成,数据存储,数据分发服务,解决超大空间数据如何在 Cesium 上流畅可视化的问题。

相关资料

技术博客