cesiumjs开发实践 (一)

浅浅的花香味﹌ 2022-09-23 11:00 308阅读 0赞

#                    cesiumjs 简介、开发环境搭建   群号：309141738 #

摘要

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开发环境监测分析、交通基础设施建模仿真优化等领域的应用。

Cesiumjs托管在著名的社交编程平台github上，地址为[https://github.com/AnalyticalGraphicsInc/cesium，][https_github.com_AnalyticalGraphicsInc_cesium]

本机上装有git客户端后，可以clone整个工程到本地目录，大概300多M。根据根目录下的.project文件得知可以用eclipseIDE打开

![144606_aQb7_1585572.png][]

右键单击build.xml,选择Run As--》Ant Build

![145045_CiBh_1585572.png][]

在弹出对话框中选择build，点OK。

生成过程大概20分钟，包括了文档的生成。生成完后在根目录新增了一个Build目录，里面包含：

Apps -   Viewer的例子程序

Cesium - 最小化的cesium库js文件

CesiumUnminified - 非最小化的cesium库js文件（用于调试目的）

Documentation - html版的API文档

stubs - （暂时不知道用途）

HelloWorld.html - 最简单的例子

index.html - 起始页面，包含hello world例子和文档入口

minifyShaders.state - （暂时不知道用途）

server.js - 启动一个最简单的http服务器的nodejs脚本，监听在8080端口

http服务器可以使用任何一种标准的Web服务器，如IIS， Apache， Nginx等等，设定webroot指向Build目录即可。启动后访问http://localhost:88 (假设监听端口为88)即可看到如下页面

![151118_5gC4_1585572.png][]

点击Hello world后进入一个最简单的cesium演示

![152149_5gko_1585572.png][]

左键拖动，右键缩放，中键旋转视角，默认地图覆盖为Bing地图，至此一个最简单的cesium应用搭建完毕。

如要查看cesium所支持的所有功能，可以设定web服务器的webroot指向根目录下Apps（非Build/Apps）目录，然后在浏览器中进入Sandcastle连接。Sandcastle是一个cesium特性演示环境，同时是可以修改代码即时看到效果的沙箱（sandbox）。

cesium开发环境搭建先介绍到这里，下一篇《cesiumjs开发实践(二) Viewer控件》

[https_github.com_AnalyticalGraphicsInc_cesium]: https://github.com/AnalyticalGraphicsInc/cesium%EF%BC%8C%E6%9C%AC%E6%9C%BA%E4%B8%8A%E8%A3%85%E6%9C%89git%E5%AE%A2%E6%88%B7%E7%AB%AF%E5%90%8E%EF%BC%8C%E5%8F%AF%E4%BB%A5clone%E6%95%B4%E4%B8%AA%E5%B7%A5%E7%A8%8B%E5%88%B0%E6%9C%AC%E5%9C%B0%E7%9B%AE%E5%BD%95%EF%BC%8C%E5%A4%A7%E6%A6%82300%E5%A4%9AM%E3%80%82%E6%A0%B9%E6%8D%AE%E6%A0%B9%E7%9B%AE%E5%BD%95%E4%B8%8B%E7%9A%84.project%E6%96%87%E4%BB%B6%E5%BE%97%E7%9F%A5%E5%8F%AF%E4%BB%A5%E7%94%A8eclipseIDE%E6%89%93%E5%BC%80
[144606_aQb7_1585572.png]: /images/20220720/227ea379981e426997527ff176252181.png
[145045_CiBh_1585572.png]: /images/20220720/4359a9b28356481c8556fbfe9c9a737a.png
[151118_5gC4_1585572.png]: /images/20220720/b22d44a8ef1a400bac5acf8e44e0c12b.png
[152149_5gko_1585572.png]: /images/20220720/5d03f265498f4414991dd3c583c6d76a.png