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中文网(该网站可以当做学习参考,主要以官网为准)

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

  • 5
    点赞
  • 36
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值