Cesium常用功能封装,js编码,每个功能独立封装——第1篇

873 阅读2分钟

Cesium常用功能封装,js编码,每个功能独立封装,方便直接应用到项目中。

视频演示链接

本脚手架可以前端独立运行。 本脚手架项目是前后端一整套,包括权限管理。前端框架采用Vue3 + js + ElementUI-Plus,后端采用Spring Boot + Mysql + Redis,GIS引擎本项目中是Cesium ,OpenLayers等其他GIS引擎编码的案例项目在其他博客有说明。如果仅仅是研究GIS功能,运行前端框架即可。

需要的扣扣私聊:八五四一三八四九七

第二篇链接:【点击直达】

一、项目介绍

下图是系统运行时的界面

图1

下面表格中列出了目前做的一些功能:

LAN37U1HEM`P3FXD4BIQ1.png

KYKTVO$17G03`22ENV48Y%S.png

R6XD90(MP8F1T68278~{NG4.png

下图2是常用功能点

图2

下图3是常用功能点

图3

每个效果独立封装,复制功能到别的项目中时只需两步:

    1、直接复制功能点对应的文件夹到别的项目中

    2、如下图4中黄色矩形部分,直接实例化对象并调用方法

图4

这里以高程分析为例,如图4实例化完成并调用updateMaterial 方法后,效果如下图5——全球视角

图5

地面空中视角

图6

二、功能点截图

1、二三维切换

图7

图8

2、导出地图(图8 为二维和三维情况下导出地图的截图)

图9

3、空间几何(简单点线面加载)

图10

4、测量(测距、侧面)

图11

5、测量(地形高度)

图12

6、图层切换

图 13

7、加载全球影像(单张静态图片-图片来自网络,如有侵权,联系删除)

图14

8、雨水效果

图15

9、雪天效果

图16

10、经纬网1

图17

11、经纬网2

图18

12、全国省份(Cesium.GeoJsonDataSource加载示例)

图19

13、加载地形(和移除地形)

图20

14、天空盒子(加载切换)

图21

15、点、线、面、圆、矩形绘制(获取坐标,可传递给后端)

图22

图23

图24

图25

图26

16、标绘(并保存标绘坐标)

图27

17、点聚合(使用geojson数据)

图28

第二篇链接:【点击直达】

视频演示链接