http://www.gissky.net- GIS空间站

我要投稿 投稿指南 RSS订阅 网站资讯通告:
搜索: 您现在的位置: GIS空间站 >> 技术专栏 >> 技术前沿 >> 正文

Cesium简介以及离线部署运行

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

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人气高;

Version

Download

Date

Notes

1.29

Cesium-1.29.zip (42.51 MB)

2017-01-02

1.28

Cesium-1.28.zip (42.40 MB)

2016-12-01

1.27

Cesium-1.27.zip (42.65 MB)

2016-11-01

……

     

b5

Cesium-b5.zip (18.68 MB)

2012-05-15

 

  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.运行效果:

转自:http://www.cnblogs.com/oolili/

Tags:Cesium简介  
责任编辑:gissky
关于我们 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 中国地图