Cesium简介以及离线部署运行

cesium是国外一个基于JavaScript编写的使用WebGL的地图引擎，一款开源3DGIS的js库。cesium支持3D,2D,2.5D形式的地图展示，可以自行绘制图形，高亮区域，并提供良好的触摸支持，且支持绝大多数的浏览器和mobile，但是由于cesium基于WebGL来渲染3D的，所以对浏览器有要求，必须支持WebGL才行。参照cesium官网的说明文档，浏览器支持版本：IE11或者以上、谷歌、火狐版本比较高级等等，其实测试浏览器支不支持，运行demo就可以测试，会提示的，不支持的话。

由于个人刚研究cesium，简单的谈谈个人对cesium的浅见：

优点：

1. 开源，开源，开源，可以研究源代码以及针对性对源代码进行一些修改工作，cesium源代码github地址：https://github.com/AnalyticalGraphicsInc/cesium/tree/1.29；
2. cesiumAPI版本更新频率高，几乎每个月一个版本，说明cesium人气高；

3. Version

    

   Download

   Date

   Notes

   1.29

   Cesium-1.29.zip (42.51 MB)

   2017-01-02

   • Blog post
   • Source
   • Documentation, Code Examples, Tests, etc.

   1.28

   Cesium-1.28.zip (42.40 MB)

   2016-12-01

   • Blog post
   • Source
   • Documentation, Code Examples, Tests, etc.

   1.27

   Cesium-1.27.zip (42.65 MB)

   2016-11-01

   • Blog post
   • Source
   • Documentation, Code Examples, Tests, etc.

   ……

      

   b5

   Cesium-b5.zip (18.68 MB)

   2012-05-15

   • Source
   1. cesium展示地图数据效果比较好，解析2D地图各种不同服务类型的数据源，比如百度地图、天地图、arcgis地图、BingMap、openStreetMap、MapBox等等；解析地形图加载；解析3D模型，包括动态加载以及3Dtitles切片形式加载展示，尤其是3Dtitles，大大的加快了展示3D模型的展示效率；
   2. Cesium封装部分地图控件，直接调用即可，不用自己写；
   3. ……

   缺点：

   1. 跟商业3DGIS软件对比，比如skyline，cesium三维分析功能太弱了，不排除我自己对cesium了解不够深的可能性；据我所知， cesium官网关于三维分析的例子几乎没，都是以展示数据以及渲染数据为主的例子，希望官网后续的API版本对三维分析重视。
   2. 没有提供标绘工具Draw，2DGIS一般都是提供Draw工具的，比如arcgis api以及openlayer api；cesium想要绘制点、线、面，只能通过代码来绘制，貌似不能在线手动画；
   3. 没有地图量算工具、地图比例尺、拉框缩放等，这些地图基本工具，在cesium都需要自己来写实现；
   4. ……

    

   CesiumAPI离线部署运行

    

   ---

    

   1.cesium官网下载cesiumAPI解压包，解压之后的目录如下：

   

   里面包括编译后的Build文件夹以及cesium api源代码Source文件夹

    

   2.cesium离线部署运行，这里我的运行demo项目开发环境为：myeclipse+tomcat

   

   拷贝cesiumAPI解压的编译后整个文件夹进来我的demo项目，文件夹命名为cesiumAPI

    

   3.3dmap.jsp页面加载cesiumAPI运行测试

   1）地图页面引用cesium需要的css以及js文件即可生效

   

   <!-- CESIUM样式以及JS文件 --><script src="${pageContext.request.contextPath}/js/map/cesiumjs/cesiumAPI/Cesium.js"></script><link href="${pageContext.request.contextPath}/js/map/cesiumjs/cesiumAPI/Widgets/widgets.css" rel="stylesheet" type="text/css" />

   

   2）创建地图以及展示代码：

   Var  viewer = new Cesium.Viewer(“cesiumContainer”);

    

   4.运行效果：