Cesium学习记录(1)

记录下学习Cesium的过程。

Cesium是一个跨平台、跨浏览器的展示三维地球和地图的Javascript库,并且使用WebGL来进行硬件加速图形,使用时不需要任何插件支持,但是浏览器必须支持WebGL。

Cesium支持2D,2.5D,3D形式的地图展示,可以绘制各种几何图形、高亮区域,支持导入图片,甚至3D模型等多种数据可视化展示,并且可用于动态数据可视化并提供良好的触摸支持,支持绝大多数的浏览器。

创建一个简单的HelloWord

1.到官网网站:https://cesiumjs.org/ 下载Cesium包,然后将其解压。

2.这里我使用的是VS Code编辑器进行开发,https://code.visualstudio.com/,创建一个HTML文件:index.html,将Cesium中的JS和CSS文件引入进来。

<script src="Cesium-1.66/Build/Cesium/Cesium.js"></script>
<link href="Cesium-1.66/Build/Cesium/Widgets/widgets.css"" rel="stylesheet">

3.在HTML的body部分,创建一个div。

<div id="map"></div>

4.创建Viewer。Cesium的最基础对象就是 Viewer, 它是一个具有很多功能的3d地球的黑盒子. 使用下面的代码创建viewer并附着到id为 "map"的div上。

 var viewer=new Cesium.Viewer('map');

到此就创建了一个简单三维地球展示页面,然后运行index.html文件,建议使用谷歌,火狐浏览器。

但是,运行之后会报错

这是因为创建的网站需要发布才能正常运行,这里我使用的是iss进行发布,具体发布流程网上可以找下教程。等发布完之后打开浏览器输入网址,就可以看到熟悉的界面了。

 

至此,一个简单的helloword就实现了。

目前我也是在摸索着学习,有错误的地方还请大家多多指出。

路漫漫其修远兮,吾将上下而求索。

参考资料:https://www.jianshu.com/p/31c3b55a21eb

                  http://cesium.xin/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值