cesium简介(一)——它能做什么以及界面认识
首先:它是一个跨平台,跨浏览器的展示三维地球和地图的javascript库。
它能做什么?
- 支持2D,2.5D,3D形式的地图展示
- 可以绘制各种几何图形,高亮区域,支持导入图片,甚至3D模型等多种数据可视化展示
- 可用于动态数据可视化并提供良好的触摸支持,支持绝大多数的浏览器和手机
- Cesium还支持基于时间轴的动态数据展示
应用场景
可用于地图服务、军事模拟、空间科学、城市规划、空间信息可视化、虚拟地球、导航与定位等
它的界面截图如下
让我们先来简单认识一下界面
- Geocoder: 查找位置的工具,可直接输入地名查询
- Home Button:点击视角会返回初始位置
- Scence Mode Picker:选择视角的模式,有三种:3D,2D,哥伦布视图(CV)
- Base Layer Picker:图层选择器,选择要显示的地图服务和地形服务
- Navigation Help Button:导航帮助按钮,显示默认的地图控制帮助
- 时间控件:点击此按钮可恢复到当前时间
- Animation:动画控件,控制视图动画播放的速度
- Credits Display:版权显示,显示数据归属,必选
- TimeLine:时间线,指示当前时间也可以跳转到特定时间
如何隐藏界面上自己不需要的元素控件呢?
代码示例 (此处先简单理解,后续会在代码部分详解此处代码意思)
const viewer = new Cesium.Viewer('cesium',{
geocoder:false,// 查找位置工具
homeButton:false,// 视角初始位置
sceneModePicker:false,//选择视角
baseLayerPicker:false.//图层选择器
...// 此处与上部分类似
})
PS:
1:此系列文章风格就是干货,没有前因后果的废话,指在需要快速了解Cesium的人提供帮助,以及自己学习留下的痕迹而已,如需要更加详细或者深入学习,请参考官方文档:Cesium: The Platform for 3D Geospatial。
2:文章风格简单干货,提供于有基础的开发人员;文章参考于Cesium中文网:cesium中文网,如有类同,联系删除或要求注明来源。