Cesium 学习记录（1）搭建Cesium开发环境

时间 2021-08-15 标签 gis java web

最近导师接了一个需要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";

去掉版权信息后如下图，看起来清爽了许多~

Cesium 学习记录（1） 搭建Cesium开发环境

一、开发环境

Cesium 学习记录（1）搭建Cesium开发环境