Cesium高阶学习一、源码环境搭建

一、简介
学习作者、理解作者、成为作者，想要更深层次的学习掌握Cesium必须接触源码底层去和作者共同探究。当然这也必须要求你掌握更多的基础知识来支撑你看懂源码。首先就要求你掌握Cesium的基础知识：Cesium坐标系统及其变换、Cesium几何图形对象等；还有WebGL基础知识：了解WebGL图形渲染的基本流程、知道基本的向量、矩阵变换知识、熟悉基本的GLSL语法等等。
本系列教程有部分需要修改Cesium源码，而前面的系列教程中，我们使用的Cesium库是用于生产环境的，生产环境的库将Cesium源码压缩到了一个文件中，我们无法进行修改。

为了能修改Cesium源码，我们需要使用开发环境下的Cesium库（源码包），源码包可以到github上下载，地址为 https://github.com/CesiumGS/cesium/releases。

下载完成后将压缩包解压到自己的一个空闲目录，然后用vscode打开

源码相关的文件夹如下：
1、Source文件夹：存放了Cesium源码文件的入口文件（索引文件），名称为Cesium.js

2、packges文件夹：存放了Cesium源码，Cesium从1.100版本开始将源码拆分为了两个包，分别为engine和widgets，其中engine封装了地图渲染相关的类，而widgets则是界面上的部件相关的类。

二、开始搭建

1、首先执行npm install命令安装项目依赖，安装完之后执行一次npm run build,因为在源码中，默认相关的shader代码为.glsl格式，需要通过打包命令转成.js格式。

2、执行npm run start 命令启动项目，Cesium源码开发包中有很多命令，具体可见 package.json 文件。

项目启动成功后，我们可以在浏览器中访问127.0.0.1:8080，如下：

Apps对应的文件位于：

我们参照Cesium Viewer页面创建一个自己的示例页面：
a、在Apps目录创建一个Demo文件夹，在里面新建index.html文件ÿ