Cesium 学习记录(1) 搭建Cesium开发环境
最近导师接了一个需要web gis开发的项目,我就临时上阵啦~由于有java web开发的经验,就选择了js开源框架Cesium
由于项目还有其他web开发模块,就使用eclipse作为IDE,这一系列就记录我的Cesium学习过程吧~
这个项目的需求方要求不是很多,所以我可能不会对Cesium进行深入的剖析和研究,但是会尽量站在初学者的角度,将我学习的一点一滴记录下来,使得更多没有接触过gis甚至没有接触过js的筒子也可以愉快的入门和上手,因为我也是一边学习一遍记录,所以有什么错误和补充的地方也欢迎大家多多指教啦~~~
好啦,废话不多说,今天就先在Eclipse上搭建Cesium开发环境吧~
Cesium简介:
Cesiumjs 是一套javascript库,用来渲染3D地球,2D区域地图,和多种GIS要素。不需要安装任何插件就能在支持最新HTML5标准的浏览器上运行。支持WebGL硬件加速,非常适合动态数据在GIS图层上的展示,是一个跨平台,开源,非常有前途的webgis表现层库。
Cesiumjs源自 Analytical Graphics, Inc. (AGI) 公司为他们客户开发一个虚拟地球项目,后来将cesium项目贡献给开源社区并一直活跃开发中。(AGI 开发的 STK Terrain Server 是一种针对Cesium-应用的流式高分辨率服务器)另一个公司级的贡献者是NICTA (National ICT Australia) 澳大利亚最大的信息与通讯技术中心,NICTA的员工们贡献了瓦片地图服务、地形处理等cesium的核心功能。并一直使用cesium开发环境监测分析、交通基础设施建模仿真优化等领域的应用。
此前我对比了一些GIS开源框架,相对来说Cesium是比较适合web gis的,只要浏览器支持webgl就可以无需下载任何插件运行,目前大多数主流浏览器都支持webgl,包括很多手机自带的浏览器也逐渐开始支持webgl,因此webgl的普及也必定是大势所趋。
一、开发环境
系统:win10
jdk:1.8
服务器:Apache Tomcat8
cesium:1.38
IDE:eclipse
【新手请自行搜索jdk的下载及配置、Tomcat的下载及配置,eclipse的下载及配置~】
二、小试牛刀
首先,我们需要从Cesium的官网下载最新的包【鉴于国外网站经常被墙,为了方便也可以从csdn上搜索下载】
接下来,使用Eclipse建立一个新的web项目,将Cesium包解压后整个文件夹复制到项目下。
启动server,将项目部署到webapps文件夹下,之后在浏览器输入如下地址:http://localhost:8080/项目名/cesium/Apps/HelloWorld.html。我们就可以运行Cesium的HelloWorld demo啦~右上角可以切换各种地图。
这样一来,Cesium的基本开发环境就搭建好了~
如果我们想要隐藏下方的版权信息,在 var viewer = new Cesium.Viewer('cesiumContainer'); 后面加上下面这句代码就可以实现啦~
viewer._cesiumWidget._creditContainer.style.display="none";
去掉版权信息后如下图,看起来清爽了许多~
本节内容就到这里啦~下一节我会记录初始化Viewer的过程,生成一个自己需要的初始地图,为后面的开发做准备( ̄▽ ̄)"