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

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

视频演示链接:https://www.bilibili.com/video/BV18u411g7Ey

本脚手架可以前端独立运行。

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

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

第二篇链接:https://www.jianshu.com/p/1b7de269a9ca?v=1693437611749,【点击直达】

一、项目介绍

下图是系统运行时的界面

图1

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


下图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

第二篇链接:https://www.jianshu.com/p/1b7de269a9ca?v=1693437611749,【点击直达】

视频演示链接:https://www.bilibili.com/video/BV18u411g7Ey

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容