[cesium] 基础环境官方示例

￡神魔★判官ぃ 2021-12-10 11:17 722阅读 0赞

### Cesium 简介 ###

Cesium是一个基于JavaScript的开源框架，可用于在浏览器中绘制3D的地球，并在其上绘制地图（支持多种格式的瓦片服务），该框架不需要任何插件支持，但是浏览器必须支持WebGL。

Cesium支持多种数据可视化方式，可以绘制各种几何图形、导入图片，甚至3D模型。同时，Cesium还支持基于时间轴的动态数据展示，例如，我们可以用它绘制卫星运行轨迹。

### 环境搭建 ###

cesium下载地址:[https://cesiumjs.org/downloads/][https_cesiumjs.org_downloads]

cesium 官方api文档:[https://cesiumjs.org/refdoc/][https_cesiumjs.org_refdoc]

cesium 代码演示:[https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/][https_cesiumjs.org_Cesium_Build_Apps_Sandcastle]

下载完成之后:

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70][]

服务器选择

官网推荐使用node.js作为服务器，你可以使用任何一种标准的Web服务器，如IIS， Apache， Nginx等等。本人使用iis作为服务器。

### 运行demo ###

学习cesium最好的资料现在仍然是官方给出的DEMO和API文档。将下载后的压缩包解压通过IIS发布后，可以本地浏览官方示例和API文档。

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API]

浏览根目录下index.html打开帮助资料的首页：

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API 1]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 1]

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API 2]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 2]

其中Documentation连接API文档、Sandcastle连接示例程序。

Documentation文档：cesium的api文档直接将所有接口顺序排列，没有按照程序内在联系来分类，这样也造成我们新手学习上的难度。

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API 3]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 3]

这些页面的源文件在Build\\Documentation目录下：

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API 4]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 4]

Sandcastle示例程序：提供交互编辑的示例程序。我们可以查看示例源代码并且可以在线编辑和运行查看结果。

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API 5]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 5]

这些页面的源文件在Apps\\Sandcastle\\gallery目录下：

[![Cesium学习笔记2--官方DEMO和API查看][Cesium_2--_DEMO_API 6]][Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 6]

[https_cesiumjs.org_downloads]: https://cesiumjs.org/downloads/
[https_cesiumjs.org_refdoc]: https://cesiumjs.org/refdoc/
[https_cesiumjs.org_Cesium_Build_Apps_Sandcastle]: https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MDkwMjUyNw_size_16_color_FFFFFF_t_70]: /images/20211210/2511e8bae4974bbab21c94ac49d45dd7.png
[Cesium_2--_DEMO_API]: https://imgconvert.csdnimg.cn/aHR0cDovL3M2LnNpbmFpbWcuY24vYm1pZGRsZS8wMDZwWm5Qd3p5N2pVdDFoMWdGNzUmNjkw?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API]: /images/20211210/73d0fe6d435249e1974cf2018eab5b60.png
[Cesium_2--_DEMO_API 1]: https://imgconvert.csdnimg.cn/aHR0cDovL3MxNS5zaW5haW1nLmNuL2JtaWRkbGUvMDA2cFpuUHd6eTdqVXRmTVFWTTFlJjY5MA?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 1]: /images/20211210/52c0958a81ee466b8f0e9ad10671f390.png
[Cesium_2--_DEMO_API 2]: https://imgconvert.csdnimg.cn/aHR0cDovL3MxNC5zaW5haW1nLmNuL2JtaWRkbGUvMDA2cFpuUHd6eTdqVXRqNWNmamNkJjY5MA?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 2]: /images/20211210/b483d34f86d6462a9aa686386423ab7c.png
[Cesium_2--_DEMO_API 3]: https://imgconvert.csdnimg.cn/aHR0cDovL3MxMC5zaW5haW1nLmNuL2JtaWRkbGUvMDA2cFpuUHd6eTdqVXRGVDBXQmU5JjY5MA?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 3]: /images/20211210/ae85d8c4ff9b47d98790544ae6821a0a.png
[Cesium_2--_DEMO_API 4]: https://imgconvert.csdnimg.cn/aHR0cDovL3M5LnNpbmFpbWcuY24vYm1pZGRsZS8wMDZwWm5Qd3p5N2pVdFYzS2swZTgmNjkw?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 4]: /images/20211210/5b9ac0dea19b489290cb5738fa3c6392.png
[Cesium_2--_DEMO_API 5]: https://imgconvert.csdnimg.cn/aHR0cDovL3MxMy5zaW5haW1nLmNuL2JtaWRkbGUvMDA2cFpuUHd6eTdqVXUzM1hZZzVjJjY5MA?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 5]: /images/20211210/4399795de79e4baa89670c4d6ed0d171.png
[Cesium_2--_DEMO_API 6]: https://imgconvert.csdnimg.cn/aHR0cDovL3M2LnNpbmFpbWcuY24vYm1pZGRsZS8wMDZwWm5Qd3p5N2pVdXZ5VEs1YTUmNjkw?x-oss-process=image/format,png
[Cesium_2--_DEMO_API_Cesium_2--_DEMO_API 6]: http://album.sina.com.cn/pic/006pZnPwzy7jUuvyTK5a5