记录下学习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就实现了。
目前我也是在摸索着学习,有错误的地方还请大家多多指出。
路漫漫其修远兮,吾将上下而求索。