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

发布时间 2023-09-21 14:13:16作者: haimaqu
Cesium常用功能封装,js编码,每个功能独立封装,方便直接应用到项目中。
本脚手架可以前端独立运行。
本脚手架项目是前后端一整套,包括权限管理。前端框架采用Vue3 + js + ElementUI-Plus,后端采用Spring Boot + Mysql + Redis,GIS引擎本项目中是Cesium ,OpenLayers等其他GIS引擎编码的案例项目在其他博客有说明。如果仅仅是研究GIS功能,运行前端框架即可。
需要的扣扣私聊:八五四一三八四九七
第二篇链接:https://www.cnblogs.com/haimaqu/p/17719767.html
一、项目介绍
下图是系统运行时的界面
 
 
 
添加图片注释,不超过 140 字(可选)
 
图1
下面表格中列出了目前做的一些功能:
 
 
 
添加图片注释,不超过 140 字(可选)
 
 
 
 
添加图片注释,不超过 140 字(可选)
 
 
 
 
 
添加图片注释,不超过 140 字(可选)
 
下图2是常用功能点
 
 
 
添加图片注释,不超过 140 字(可选)
 
图2
下图3是常用功能点
 
 
 
添加图片注释,不超过 140 字(可选)
 
图3
每个效果独立封装,复制功能到别的项目中时只需两步:
1、直接复制功能点对应的文件夹到别的项目中
2、如下图4中黄色矩形部分,直接实例化对象并调用方法
 
 
 
添加图片注释,不超过 140 字(可选)
 
图4
这里以高程分析为例,如图4实例化完成并调用updateMaterial 方法后,效果如下图5——全球视角
 
 
 
添加图片注释,不超过 140 字(可选)
 
图5
地面空中视角
 
 
 
添加图片注释,不超过 140 字(可选)
 
图6
二、功能点截图
1、二三维切换
 
 
 
添加图片注释,不超过 140 字(可选)
 
图7
 
 
 
添加图片注释,不超过 140 字(可选)
 
图8
2、导出地图(图8 为二维和三维情况下导出地图的截图)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图9
3、空间几何(简单点线面加载)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图10
4、测量(测距、侧面)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图11
5、测量(地形高度)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图12
6、图层切换
 
 
 
添加图片注释,不超过 140 字(可选)
 
图 13
7、加载全球影像(单张静态图片-图片来自网络,如有侵权,联系删除)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图14
8、雨水效果
 
 
 
添加图片注释,不超过 140 字(可选)
 
图15
9、雪天效果
 
 
 
添加图片注释,不超过 140 字(可选)
 
图16
10、经纬网1
 
 
 
添加图片注释,不超过 140 字(可选)
 
图17
11、经纬网2
 
 
 
添加图片注释,不超过 140 字(可选)
 
图18
12、全国省份(Cesium.GeoJsonDataSource加载示例)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图19
13、加载地形(和移除地形)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图20
14、天空盒子(加载切换)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图21
15、点、线、面、圆、矩形绘制(获取坐标,可传递给后端)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图22
 
 
 
添加图片注释,不超过 140 字(可选)
 
图23
 
 
 
添加图片注释,不超过 140 字(可选)
 
图24
 
 
 
添加图片注释,不超过 140 字(可选)
 
图25
 
 
 
添加图片注释,不超过 140 字(可选)
 
图26
16、标绘(并保存标绘坐标)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图27
17、点聚合(使用geojson数据)
 
 
 
添加图片注释,不超过 140 字(可选)
 
图28