Cesium从入门到入坟(二)
"Cesium从入门到入坟"这个表达虽然有些夸张,但确实反映出了学习Cesium这一复杂而强大的3D地图和地球可视化库的挑战性和深度。Cesium是一个开源的JavaScript库,用于在Web浏览器中创建3D地球和2D地图的交互式应用程序。它广泛应用于气象、地理信息系统(GIS)、航空航天、游戏开发等领域。以下是一个从基础到进阶的学习路径,帮助你从Cesium的入门者成长为专家。
3D模型在线预览提供多种低代码平台3D模型在线预览解决方案,实现了将多种3D模型格式无缝集成到低代码业务表单中。这意味着用户可以在不离开低代码平台的情况下,直接查看和操作3D模型,极大地提升了数据可视化的效果和用户交互体验。
Cesium 常用的类
Viewer
它是Cesium展示三维要素内容的主要窗口,不仅仅包含了三维地球的视窗,还包含了一些基础控件,在定义Viewer对象的时候需要设定基础部件、图层等的初始化状态,下面演示一下部分属性的使用。
除了上述的控件属性之外,还有entities这种实体合集属性,主要用于加载实体模型,几何图形并对其进行样式设置,动效修改等,我们可以通过下述代码生成一个绿色的圆点。
效果如下:
当然,我们也可以用entities来加载模型文件,下面我们用飞机模型试试
效果如下:
Camera
Cesium中可以通过相机来描述和操作场景的视角,而通过相机Camera操作场景的视角还有下面的几种方法:
- 飞行fly,比如flyTo,flyHome,flyToBoundingSphere
- 缩放zoom,比如zoomIn,zoomOut
- 移动move,比如moveBackward,moveDown,moveForward,moveLeft,moveRight,moveUp
- 视角look,比如lookDown,lookLeft,lookRight,lookUp
- 扭转twist,比如twistLeft,twistRight
- 旋转rotate,比如rotateDown,rotateLeft,rotateRight,rotateUp
- 其他方法,比如setView,lookAt
我们尝试使用setView后可以发现,相机视角直接被定位到了下图的位置
DataSourceCollection
DataSourceCollection是Cesium中加载矢量数据的主要方式之一,它最大的特点是支持加载矢量数据集和外部文件的调用,主要有三种调用方法,分别为 CzmlDataSource,KmlDataSource,GeoJsonDataSource,分别对应加载Czml,Kml,GeoJSON格式的数据,在使用过程中我们只需要将矢量数据转换为以上任意一种格式就可以在Cesium中实现矢量数据的加载和存取。
效果如下:
这时候我们看到图层已经被加载上去了。
Cesium从入门到入坟 - 索引