标签：
文章中相关范例下载路径：https://yunpan.cn/cByQqkANWN7Pu 访问密码 823d
Cesium [‘si?z??m]是一款开源的JavaScript开源库，开发者通过Cesium，实现无插件的创建三维球和二维地图。Cesium通过WebGL技术实现图形的硬件加速，并且跨平台，跨浏览器，并提供动态数据的可视化展现。Cesium单词本义是化学元素铯。
看到index.html，相信你已经忍不住的双击了。很遗憾，WebGL出于安全性的考虑，不允许以本地file的方式打开，因此，你需要将Cesium文件夹放到tomcat中webapps下发布，以localhost的方式发布。（如果你不了解如何在tomcat中发布网站，不用担心，这个过程非常简单，Google一下，相信会有很多相关博文可供参考。）
下面，我们试着完成一个页面，创建一个Cesium三维球。
首先，新建examples文件夹，并在examples文件夹中新建文件hello.html，实现我们第一个范例。
接着，在hello.html中粘贴如下代码：
该代码内容如下：1引入Cesium.js脚本和对应的css文件，我们就完成了相关脚本的加载工作；2同时创建id= cesiumContainer的div，并且创建Cesium.Viewer窗口，且该窗口对应刚才创建的div。运行该html文件，我们很轻松的创建了第一个WebGL Globe，效果如下：
如上，我们轻松愉快的体验了一把Cesium，但这只是万里长征的一小步。万事开头难，所以这个头一定要做好。
上面的hello.html本身没有什么问题，但对于开发人员，或多或少都需要以源码方式加载，便于调试和问题的定位，但如上的范例直接加载Build下的Release脚本，对开发人员来说略显不足，下面我们就升级一下这个范例。
Cesium采用Require.js的框架，用兴趣的同学可以在网上了解一下Require.js的基本概念。我们下载require.min.js脚本，保存在Cesium/examples/js/文件夹中，统一管理脚本。并在examples文件夹中，新建hello2.html.
在hello2.html中，代码如下：
和hello.html的代码相似，但我们并没有直接引用Build下的Cesium.js脚本，而是引用了require.js脚本：
<script src="./js/require.min.js" data-main="./js/main"></script>
data-main属性可以在require脚本加载结束后，指定加载的第一个文件，这里是main.js（保存在Cesium/examples/js/下）。
main.js中代码如下：
在该脚本中，变量developMode来记录是否以Release或源码方式来加载脚本，并根据该变量值来设置对应的文件路径。最后，调用onload函数，结束main.js脚本的使命。
Onload函数？这个函数在哪里定义的？细心的用户不难发现，该函数的实现是在hello2.html中，在该函数中，用户创建div，并创建Cesium.Viewer窗口绑定该div，实现三维球的加载，其逻辑和hello.html完全一样，只是封装在了onload函数内。
这样，我们基本上完成了一个完整的范例，可以设置developMode的值，选择是否需要加载源码进行调试。
标签：
原文地址：http://www.cnblogs.com/fuckgiser/p/5633748.html
