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

海马区

已于 2023-09-22 16:09:23 修改

阅读量1.2k

点赞数 1

文章标签： javascript 开发语言 ecmascript cesium

于 2023-08-25 13:33:48 首次发布

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_40820382/article/details/132493694

版权

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

视频演示链接

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

需要的QQ私聊：854138497

第二篇链接：点击查看

一、项目介绍
下图是系统运行时的界面
在这里插入图片描述

下面表格中列出了目前做的一些功能：
在这里插入图片描述

在这里插入图片描述

图1
下图2是常用功能点
在这里插入图片描述

图2
下图3是常用功能点
在这里插入图片描述

图3
每个效果独立封装，复制功能到别的项目中时只需两步：
1、直接复制功能点对应的文件夹到别的项目中
2、如下图4中黄色矩形部分，直接实例化对象并调用方法
在这里插入图片描述

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

图5
地面空中视角
在这里插入图片描述

图6
二、功能点截图
1、二三维切换

在这里插入图片描述

图7
在这里插入图片描述

图8
2、导出地图（图8 为二维和三维情况下导出地图的截图）
在这里插入图片描述

图8
3、空间几何（简单点线面加载）
在这里插入图片描述

图9
4、测量（测距、侧面）
在这里插入图片描述

图10
5、测量（地形高度）

在这里插入图片描述

图11
6、图层切换
在这里插入图片描述

图 12
7、加载全球影像（单张静态图片-图片来自网络，如有侵权，联系删除）
在这里插入图片描述

图13
8、雨水效果
在这里插入图片描述

图14
9、雪天效果
在这里插入图片描述

图15
10、经纬网1
在这里插入图片描述

图16
11、经纬网2
在这里插入图片描述

图17
12、全国省份（Cesium.GeoJsonDataSource加载示例）
在这里插入图片描述

图18
13、加载地形（和移除地形）

在这里插入图片描述

图19
14、天空盒子（加载切换）
在这里插入图片描述

图20

15、点、线、面、圆、矩形绘制（获取坐标，可传递给后端）

在这里插入图片描述

图21
在这里插入图片描述

图22

在这里插入图片描述

图23

在这里插入图片描述

图24

在这里插入图片描述

图25

16、标绘（并保存标绘坐标）
在这里插入图片描述

图26
17、点聚合（使用geojson数据）

在这里插入图片描述

图27
第二篇链接：点击查看

视频演示链接

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。