Cesium快速入门

Cesium是全世界使用最广泛的3D WebGIS引擎。国内有若干个GIS厂家的3D GIS引擎也是基于Cesium进行开发。随着国家“新基建、数字化”战略的不断发展深化,越来越多的城市数字化项目需要用上3D GIS引擎,对Web端而言,Cesium几乎是不二的选择。但开源的项目,一般门槛都会高一点,没有商业的技术支持服务,遇到问题只能自己解决。下面就个人这几年使用Cesium的经验,总结一下如何快速入门Cesium,上手二次开发。

首先是知识储备:

  1. Javascript语言基础

  1. WebGL基础(包括矩阵变化、图形构造、渲染方面的基础知识)

  1. GIS基础(包括坐标系、WebGIS等)

工具、开发环境准备。

  1. VisualStudio Code

  1. NodeJS

准备好以上条件后,快速入门的最佳办法是编译、调试及运行Cesium的源代码及案例。

第一步,首先上github,下载Cesium最新源代码,目前最新版本是1.102.(网址:https://github.com/CesiumGS/cesium)

Cesium快速入门_第1张图片

下载Cesium1.102源代码后,执行“npm install”,安装相关依赖库后,再执行“npm start”就可以运行Cesium的Demo集合,也叫“Sandcastle”,如下图所示。

Cesium快速入门_第2张图片

浏览器打开“http://localhost:8080/”,在页面上点击“Sandcastle”,打开案例集合。

Cesium快速入门_第3张图片

深入了解Cesium的一个重要手段是调试、跟踪源代码。如果想要调试源码,在Chrome浏览器下,只要按快捷键F12就可以调出调试窗口。

个人研究比较多的案例是:

Cesium快速入门_第4张图片

通过这几个案例,可以快速掌握Cesium使用频率最高的几个类及API的使用方法,例如Viewer、Scene、Primitive、Matrix3/4、Cartisian3/4、Cesium3DTileset等。掌握这几个接口的使用原理,实现在3D场景的模型数据的各种平移、旋转、缩放交互就没什么问题了。

其实搭建3D WebGIS平台,还有一部分是多源3D地理数据的预处理及集成。由于Cesium采用3dtiles数据格式标准(1.90版本后又提出了“3dtiles next”),3d来源数据,不管是倾斜摄影、3d模型还是BIM数据,都要统一转换程3dtiles才能集成到一个平台。所以,数据的预处理是3D GIS平台开发的很重要环境。后续章节再记录分享多源数据处理集成的方法和踩过的坑。

你可能感兴趣的:(Cesium开发,javascript,web,3d)