Cesium开发入门——Cesium简介

【前言】
五月,我们进行了一个四节课的开发实习——基于Cesium开发实习。据老师说,是地信里面很新的东西,反正我之前也是没听过,不过没事,听了就记住呗。其实,四节课也没讲什么,开发主要是对着教程代码,翻译调试自学,借着弄一个作业的机会,学习记录一下。欢迎交流和批评指正哟喂!

1.Cesium是什么?

Cesium是国外一个基于JavaScript编写的使用WebGLOpenGL)的地图引擎。Cesium支持3D,2D,2.5D形式的地图展示,可以自行绘制图形,高亮区域,并提供良好的触摸支持,且支持绝大多数的浏览器和mobile。

2.Cesium开发语言及工具

  • 开发语言:HTML,JavaScript,CSS
  • 开发工具:HbuilderX

所以,只要会基本的前端开发,在Cesium代码的理解和入门上一般就没有什么问题。
【PS:会有许多教程首先会教配Node.js环境,其实在初学示例,以及运行官网上已有示例,是不用这么复杂的,直接用HTML+CSS+JS文件就可以在浏览器运行实现示例的展示】

3.Cesium开发学习地址

  • Cesium官方网站:Cesium
  • 参考学习网站:Cesium中文网(该网站可以当做学习参考,主要以官网为准)

官方网站中会有参考示例和教程(请一直看到本页最后提示);
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
【这里三维界面的加载可能会有点慢,需要耐心等待一会儿】
进入上面这个界面之后,就开始Cesium的第一个示例了。
在上面这个网页下方,分别有分步骤实现Demo讲解,也有实现的完整代码;
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
Cesium开发入门——Cesium简介
【上面的紫色框是第一个示例的全部代码】
【注意:完成上面这个示例需要注册用户,并且发布数据,获取上图中红色框的ID和一个Token(点击学习完成上图示例教程)