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

news2025/12/4 4:53:56

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
先到这，有事要办

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/937894.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

深度学习技术

深度学习技术

深度学习是什么？ 深度学习，英文名为Deep Learning，其实就是机器学习的一种高级形式。它的灵感来源于人脑神经网络的工作方式，是一种让机器可以自主地从数据中学习和提取特征的技术。你可以把它想象成一位小侦探，通过不…
阅读更多...
springboot+vue健身器材用品网上商城系统的设计与实现_97794

springboot+vue健身器材用品网上商城系统的设计与实现_97794

随着我国经济的高速发展与人们生活水平的日益提高，人们对生活质量的追求也多种多样。尤其在人们生活节奏不断加快的当下，人们更趋向于足不出户解决各种问题，必录德健身器材用品网展现了其蓬勃生命力和广阔的前景。与此同时，为解决…
阅读更多...
Leetcode 191.位1的个数

Leetcode 191.位1的个数

编写一个函数，输入是一个无符号整数（以二进制串的形式），返回其二进制表达式中数字位数为 1 的个数（也被称为汉明重量）。 提示： 请注意，在某些语言（如 Java）中…
阅读更多...
4、Spring之Bean生命周期源码解析（创建）

4、Spring之Bean生命周期源码解析（创建）

Spring最重要的功能就是帮助程序员创建对象（也就是IOC），而启动Spring就是为创建Bean对象做准备，所以我们先明白Spring到底是怎么去创建Bean的，也就是先弄明白Bean的生命周期。 Bean的生命周期就是指：在Spring中，一个Bean是如何生成的，如何销毁的。 Bean生命周期流程图…
阅读更多...
帆软报表系统获取管理员权限

帆软报表系统获取管理员权限

子曰：“君子食无求饱，居无求安，敏于事而慎于言，就有道而正焉：可谓好学也已。” 漏洞实战 构造payload，访问漏洞url后台地址： /ReportServer?opfr_auth&cmdah_loginui&_161983254558…
阅读更多...
一个短视频去水印小程序，附源码

一个短视频去水印小程序，附源码

闲来无事，开发了一个短视频去水印小程序，目前支持抖音、快手，后续再加上别的平台。 因为平台原因，就不放二维码了，你可以直接微信搜索【万能老助手】这里贴一张效果图。 页面非常简单，这里就不过多介绍了&…
阅读更多...
node.js安装好后测试报错解决

node.js安装好后测试报错解决

node.js的版本是18.X.X node.js安装好后，执行命令： npm install express -g 报错！！！ 解决办法： 看报错是由于权限不够， 所以打开cmd时，以管理员的方式打开 然后再执行命令就OK了…
阅读更多...
LLMs：LangChain-Chatchat(一款可实现本地知识库问答应用)的简介、安装、使用方法之详细攻略

LLMs：LangChain-Chatchat(一款可实现本地知识库问答应用)的简介、安装、使用方法之详细攻略

LLMs：LangChain-Chatchat(一款可实现本地知识库问答应用)的简介、安装、使用方法之详细攻略 目录 LangChain-Chatchat的简介 1、原理图解 2、文档处理实现流程 1、模型支持 (1)、LLM 模型支持 (2)、Embedding 模型支持 LangChain-Chatchat的安装 1、镜像部署…
阅读更多...
nacos总结1

nacos总结1

5.Nacos注册中心 国内公司一般都推崇阿里巴巴的技术，比如注册中心，SpringCloudAlibaba也推出了一个名为Nacos的注册中心。 5.1.认识和安装Nacos Nacos是阿里巴巴的产品，现在是SpringCloud中的一个组件。相比Eureka功能更加丰富&#xff0c…
阅读更多...
记一种不错的缓存设计思路

记一种不错的缓存设计思路

之前与同事讨论接口性能问题时听他介绍了一种缓存设计思路，觉得不错，做个记录供以后参考。 场景 假设有个以下格式的接口： GET /api?keys{key1,key2,key3,...}&types{1,2,3,...} 其中 keys 是业务主键列表，types 是想要取到的…
阅读更多...
原生微信小程序 动态（横向，纵向）公告（广告）栏

原生微信小程序 动态（横向，纵向）公告（广告）栏

先看一下动态效果 Y轴滚动公告的原理是swiper组件在页面中的Y轴滚动，属性vertical，其余属性也设置一下autoplay circular interval"3000" X轴滚动的原理是，利用动画效果，将内容从右往左过渡过去 wxml： &l…
阅读更多...
80%的攻击仅使用三个恶意软件加载程序

80%的攻击仅使用三个恶意软件加载程序

根据 IT 安全公司 ReliaQuest 的威胁研究人员的说法，QakBot、SocGholish 和 Raspberry Robin 这三种恶意软件加载程序在 80% 的事件中造成了严重破坏。 恶意软件加载程序用作传递和执行其他形式恶意软件的工具，例如勒索软件、病毒、木马或蠕虫。它们是攻…
阅读更多...
Android SDK 上手指南||第八章 应用程序资源

Android SDK 上手指南||第八章 应用程序资源

第八章 应用程序资源 在系列教程中的最新一篇里，我们将研究大家最可能在第一个开发项目中涉及到的资源类型。项目资源当中包含布局、图片以及数据值，这些都是应用需要使用的元素。当我们创建一个新项目时，项目目录下会自动生成多个用于容纳通…
阅读更多...
[管理与领导-53]：IT基层管理者 - 8项核心技能 - 8 - 持续改进

[管理与领导-53]：IT基层管理者 - 8项核心技能 - 8 - 持续改进

前言： 管理者存在的价值就是制定目标，即目标管理、通过团队（他人）拿到结果。 要想通过他人拿到结果： （1）目标：制定符合SMART原则的符合业务需求的目标，团队跳一跳就可以…
阅读更多...
飞腾uboot命令简单介绍

飞腾uboot命令简单介绍

飞腾uboot和开源uboot并无大差异，故飞腾uboot固件命令可以直接从网上搜索开源uboot相关命令。 这里为了便于大家调试，将一些可能用到的命令说明一下。 在 Uboot 命令行下，输入 help 将打印所有的可用命令，复杂命令操作，通过命令 help 的方式获取具体说明。 1.help命令 …
阅读更多...
GDB用法(一)

GDB用法(一)

预备 测试代码 main.cpp #include <iostream> #include <vector> #include "student.h"using namespace std;int add(int a, int b) {return a b; }int main() {vector<int> v {1, 3};Student* s1 new Student("zz", 20);Student* …
阅读更多...
如何评估一个需求开发通常需要多长时间？

如何评估一个需求开发通常需要多长时间？

业务人员和产品管理者有时候会想要知道在他们即将进行的项目中&#xff0c;“处理需求”的环节会花费多长时间。但这个问题并没有固定的答案&#xff0c;因为这会取决于很多因素。 有许多已经公开的行业平均数据可以提供参考&#xff0c;它可以提示我们在一个典型项目中应该花…
阅读更多...
本质矩阵E推R和T

本质矩阵E推R和T

https://zhuanlan.zhihu.com/p/500798616 https://zhuanlan.zhihu.com/p/435306687
阅读更多...
在vue项目中引入vuex使用(引入到vue项目中)

在vue项目中引入vuex使用(引入到vue项目中)

项目下新建store文件 // npm下载后 导入 import Vue from vue import Vuex from vuex// 注册在vue实例上 Vue.use(Vuex)// 定义结构 export default new Vuex.Store({state: {},getters: {},mutations: {},actions: {},modules: {} })//main.js import store from ./storenew …
阅读更多...
LLMs参数高效微调（PEFT） Parameter efficient fine-tuning (PEFT)

LLMs参数高效微调（PEFT） Parameter efficient fine-tuning (PEFT)

正如你在课程的第一周所看到的&#xff0c;训练LLMs需要大量的计算资源。完整的微调不仅需要内存来存储模型&#xff0c;还需要在训练过程中使用的各种其他参数。 即使你的计算机可以容纳模型权重&#xff0c;最大模型的权重现在已经达到几百GB&#xff0c;你还必须能够为优化…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023