cesium 获取圆形边界位置_Cesium学习笔记原理篇01Cesium源码编译

第47篇

 新浪博客下发布博客不能带图片，以后就主要在公众号上发布

0 前言

经过这些天的学习整理，cesium基础篇和工具篇算是告一段落。开始学习cesium源码和底层原理才发现书到用时方恨少啊。源码看得我是一头雾水，还好有超图大牛分享：超图技术大牛分享的cesium教程。虽然有这么好的博客做指引，自己三维方面知识实在太差，在这个系列我们就不求甚解先把源码过一遍吧。书读百遍其义自见嘛，只能重复看源码了。

我们今天就先来了解下cesium源码编译流程。

cesium从1.15版本开始使用gulp方式编译：   

             

工程目录中多出gulpfile文件，就是编译所需文件。

1 下载源码

在官网git上下载源码git源码，我们使用1.41版本做测试：

下载完解压后：

source文件下就是cesium源码。

2 编辑环境

        cesium编译需要node和npm，具体安装不再赘述，很简单。

        我的版本是：

3 编译

 cmd定位到cesium解压后位置     

这里我设置npm源为国内，安装速度会快些：npm config set registry https://registry.npm.taobao.org

安装gulp

npm install

npm run release

这个过程稍微耗时间，还耗cpu

      完成后：

运行时我们cpu状态几乎被占满了，可以看到node开了很多进程：

编译完成后我们在根目录下看到多出Build文件夹：

Cesium是压缩后

CesiumUnminified为压缩

Documentation是文档

其它两个不知道什么作用，我们直接下编译好的工程没有这两个多余文件夹。

用vs打开网站方式打开工程，运行Apps文件夹下的HelloWorld.html，看是否出来球了！

当然，需要设置数据源，默认bing地图无法加载。

大家有任何的问题都可以在下面直接留言，我会在第一时间回复哦。

最后啰嗦一句：关注公众号，回复 git地址，获取该工程的所有源码。