- 博客(51)
- 收藏
- 关注
RSS订阅原创 Cesium三维开发教程（3）：基础功能
setView通过定义相机飞行目的点的三维坐标和视角，没有飞行过程，直接定位到设定的视域范围，用于快速切换视角。lookAt将视角固定在所设置的目的点上，可以任意旋转视角，但是不会改变位置。Fly to是快速切换视角，带有飞行动画，可以设置飞线时长；
2024-09-30 09:31:00
303
原创 Cesium三维开发教程（2）：坐标转换
Cesium中的地理坐标单位默认是弧度制，用Cartographic变量表示，通过。构造Cartographic对象。
2024-09-29 13:48:02
333
原创 Cesium三维开发教程（1）：cesium介绍
Cesium是使用JavaScript开发的基于WebGL的，实现三维地球和地图可视化的JS库Cesium支持海量的三维模型数据，影像数据，地形高程数据，矢量数据等丰富的地理数据的加载。在交通，规划，城市管理，地形仿真等领域有非常广泛的应用。Cesium为三维的GIS提供了一个高效的数据可视化平台。
2024-09-29 13:33:43
399
原创 25地信考研即将开启预报名，这些细节你需要知道！
根据24地信考研时间预测，25年考研报名窗口即将开启。以下是24考研信息和流程汇总，供大家参考。准备考研的宝子们尽早做准备，距离考研时间仅3个月。9月24日至9月27日，每天9:00-22:00。
2024-09-14 11:39:40
193
原创 Gitee上那些开源WebGIS项目：大屏可视化
基于 Vue 、Datav、Echart 的大屏展示项目。支持数据动态刷新渲染、屏幕适应、内部图表自由替换、Mixins注入等功能。
2024-09-14 11:08:25
1122
原创 WebGIS开发系列教程（6）：Openlayers之项目实战
本项目介绍的水利信息在线分析服务系统，采用广西壮族自治区的水利信息相关数据，结合GIS的使用，通过地图标注、图表与动态推演等方式，直观模拟展现广西壮族自治区当前的水情雨情状况，以及台风情况。jQuery就是一个由JavaScript编写的轻量库，简单的说就是封装了一些JavaScript的操作，所以使用jQuery比使用原生的JavaScript可以达到用更少的代码做更多的事的效果。例如：$("#div01") 就是 document.getElementById("div01");
2024-09-14 10:45:00
739
原创 WebGIS开发系列教程（4）：Openlayers之多源数据展示
本系列教程为webgis二维开发入门openlayers零基础小白学习教程，本篇为第四篇。完整版可以滑到文末链接下载。
2024-09-13 11:45:00
1228
原创 WebGIS开发系列教程（3）：Openlayers快速入门
本系列教程为webgis二维开发入门openlayers零基础小白学习教程，本篇为第三篇。完整版可以滑到文末链接下载。
2024-09-13 10:30:00
958
原创 WebGIS开发系列教程（2）：Openlayers概述
★Map(ol.Map)：地图容器，核心部分，可加载各类地图与功能控件，用于渲染、表现动态地图★WebGLMap(ol.WebGLMap)：使用WebGL渲染的地图容器，使用WebGL渲染地图图层，但是该容器对矢量数据的支持有限，目前不支持矢量瓦片数据。★View(ol.View)：地图视图，控制地图缩放等的基本交互，以及地图投影坐标系、地图中心点、分辨率、旋转角度等。★Layers(ol.Layer.Base)：图层，包含多个调用数据的子类，由子类的实例加载地图数据，必须结合图层数据源匹配使用★。
2024-09-12 10:45:00
947
原创 WebGIS开发系列教程（1）：GIS开发基础
WebGIS(网络地理信息系统)，即Web+GIS,侠义来说就是基于B/S架构(Browser/Server，浏览器/服务器架构)通过Web浏览器访问的GIS。相对于C/S(Client/Server,客户机/服务器)架构，B/S架构具有部署方便、使用简单、便于推广等优势。例如：后端结合Springboot使用的WebGIS项目，最终我们只需要打成一个可执行的jar包即可运行。基于JavaEE的解决方案。
2024-09-12 10:15:00
846
原创 Gitee上那些开源的WebGIS项目（三）：基于webGIS的大气监测系统
本项目是我的本科毕业设计，基于webGIS的大气监测系统，主要是基于Arcgis Api for js构建了一个大气监测系统，并且通过Deeplearning4j深度学习库构建lstm模型进行空气质量指数预测。主要实现污染物可视化，模型训练，AQI指数预测等。项目地址：https://gitee.com/nimi317该项目是一个基于WebGIS的大气监测系统实现空气质量可视化，包括数据采集、数据存储、数据展示、污染浓度预测等功能。
2024-09-12 09:59:53
618
原创 WebGIS开发系列教程（5）：Openlayers高级功能
是将空间位置信息点与地图关联，通过图标、窗口等形式把相关的信息展现到地图上。地图标注也是WebGIS中比较重要的功能之一，在大众应用中较为常见。地图标注的获取标注点的空间位置(X、Y逻辑坐标)，在该位置上叠加显示图标(或包含信息的小图片)，必要时以窗口的形式显示详细信息。其中，在获取标注点X，Y的逻辑坐标时要注意，通过鼠标在地图上单击可以得到窗口坐标，一般需要转换为逻辑坐标。
2024-09-11 13:28:39
1009
原创 Gitee上那些开源的WebGIS项目（一）Cesium
文档链接：https://gitee.com/xhlfly/cesium-demo作者：小龙。
2024-09-11 10:30:00
707
原创 Gitee上那些开源的WebGIS项目（二）-openlayers广西水利信息在线分析服务系统
Openlayers项目，广西水利信息在线分析服务系统。模拟广西壮族自治区的水利信息相关数据，结合GIS应用，通过地图标注、 图表与动态推演等方式，直观模拟展现广西壮族自治区当前的水情、雨情状况，以及台风情况。本仓库代码为后端代码，所用数据都是模拟的。
2024-09-11 09:15:16
427
原创 WebGIS面试题：GIS篇（七）
在Cesium中，要实现点击某实体后显示⾃定义弹框，可以通过以下步骤实现：// 在这⾥实现点击实体后的操作2. 在点击事件中，可以根据点击的实体的属性信息，创建⼀个⾃定义的HTML弹框，可以使用Cesium 的Infobox对象来实现：// 获取实体的属性信息// 创建⾃定义的HTML弹框p>';// 设置弹框的位置和偏移量// 显示弹框。
2024-09-11 08:47:34
1171
原创 WebGIS面试题：GIS篇（六）
场景是 Three.js 中包含所有三维对象的容器 相机定义了观察场景的视点和投影方式， 渲染器将场景和相机的内容绘制到画布上，以呈现最终的图像。材质定义了物体的外观和如何反射光线， 几何体定义了物体的形状和结构。1. 创建几何体：你需要创建用于检测碰撞的几何体。这可以是简单的形状，如立方体(BoxGeometry)或球体(SphereGeometry)，或者是自定义的几何体。2. 创建物体：将几何体包装在物体(Mesh)中，同时为物体创建一个材质，以便渲染或进行其他操作。
2024-09-10 08:53:54
1086
原创 WebGIS面试题：GIS篇（五）
本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。
2024-09-10 08:52:44
811
原创 WebGIS面试题：GIS篇（四）
本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。
2024-09-09 11:43:40
1030
原创 WebGIS面试题：GIS篇（二）
倾斜摄影技术是通过在飞行平台上搭载多台传感器，同时从一个垂直、四个侧视等不同角度采集影像。我们可以将它理解为一项进化了的摄影测量技术，它比传统的摄影测量多了四个倾斜拍摄角度，从而能够获取到更加丰富的侧面纹理等信息。
2024-09-09 09:28:36
1049
原创 WebGIS面试题：GIS篇（一）
通俗讲：在GIS中，动态投影(Dynamic Projection)，是实时的可视化的展示地理空间数据的技术。它可以将地理空间数据映射到屏幕空间中，并以动态的方式展示数据在不同时间点上的变化趋势通过动态投影，用户可以更好地理解地理空间数据的演化和趋势，从而更好的进行地理空间分析和决策。动态投影在GIS中通常被用于可视化时间序列的地理空间数据，如。
2024-09-09 09:28:03
1226
原创 WebGIS开发面试题：前端篇（四）
1、Vue2的路由挂载到组件实例上，而Vue3的路由,不管跳转还是接收参数都需要按需导⼊2、路由创建⽅式不⼀样：Vue2中，通过 new VueRouter 来创建路由实例Vue3中，可以直接使用 createRouter() 函数来创建⼀个路由实例Vue3中可以通过监听数组的方式来检测数组的变化，它提供了两种方式来实现这一功能:使用watch或使用computed。
2024-09-06 14:06:50
918
原创 WebGIS开发面试题：前端篇（三）
1-1 同步代码，⼀行⼀行放在call stack执行1-2 遇到异步，会先"记录"下，等待时机(定时,网络请求)1-3 时机到了，就移动到Callback Queue1-4 Call Stack为空(即同步代码执行完)Event--Loop开发工作。1-5 轮询查找Callback Queue，如有则移动到Call Stack执行。1-6 继续轮询查询(永动机⼀样)
2024-09-06 13:36:20
1215
原创 WebGIS开发面试题：前端篇（二）
本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。
2024-09-06 09:29:42
1112
原创 WebGIS开发面试题：前端篇（一）
本系列内容主要介绍webgis开发过程中可能会遇到的常见面试题和答案，从前端到二维到三维，干货满满。记得关注我不走丢！需要更多面试题、视频讲解、webgis教程的宝子戳↓↓↓。
2024-09-06 09:08:32
869
原创 WebGIS开发【智慧校园】实战案例：21. 项目实战（四）
⾸先定义路径的属性，之后给marker的移动事件赋予回调函数，也就是给折线定义具体的路径。之前在规划路径是，路其实是由很多的散点顺序连接组成的，这个 lineArr就是存储这些散点，而这些散点都是在result中存储的。先调整地图的显示范围，然后规定在车移动时，每个0.5s就⼀定⼀次，且开启自动旋转。也就是说生成路径后，result结果就会返回当前轨迹对象，其中包含了导航信息。这个小车规定了可以自动旋转，起始位置，并显示在地图上。之后，就创建⼀个折线对象，用来显示车行驶需要走的路。
2024-09-05 10:32:54
343
原创 WebGIS开发【智慧校园】实战案例：20. 项目实战（三）
之后，开始使用search方法，并代⼊起点和终点，这时候就能生成驾车路径了。注意，这⾥还多谢了个 驾车搜索的回调函数，这个函数目前是空的。⾸先，实现了对按钮单击的回调，先创建⼀个驾驶对象，这个对象规定了显示在地图上，同时采取最短时间的驾车策略。添加途经点后，搜索路径就会考虑每⼀个点，当然，这⾥的点是有顺序的，必须⼀个⼀个的来，而 不是看谁和谁近。这里可以设置⼀个可选项，这就是search函数的第三个参数，我们上面省略了的。随后，定义两个对象，这两个对象赋予经纬度，作为起点和终点。这样就实现了图中的效果。
2024-09-05 10:25:53
146
原创 WebGIS开发【智慧校园】实战案例：19. 项目实战（二）
注意：如果调试时，需要先把已有的geojson存储删除，因为这⾥已经改变了geojson的结构，已有的数 据是没有这些属性的。书接上回，我们⽤geojson实现了标记点的保存，那么怎么来实现打卡功能呢，这就需要监听标记点的点 击事件了。这样就实现了打卡功能，但是，打卡次数现在是在控制台输出的，如何让用户看见呢，这样就需要 使用信息框了。这就是这⼀课的成品，实现了打卡功能，能在标记点显示打卡次数。但是，对于已有的marker就没办法监听了，这时候，还要对已有的marker绑定。当然，新旧标记都要来实现⼀遍。
2024-09-05 10:05:21
300
原创 WebGIS开发【智慧校园】实战案例：18. 项目实战（一）
数据持久化，我们之前做的都是临时数据，为了很好的存储地理数据，我们使⽤GeoJSON格式。
2024-09-05 09:56:44
277
原创 WebGIS开发【智慧校园】实战案例：17. 地图覆盖物-两点拖拽测距
这⾥还是采用赋值来创建线，由于后续要根据点的位置动态调整线，所以这里先不给定具体坐标，只是 对样式进行规定。这⾥需要注意的是，在compute函数里，先是计算了m1和m2两点的距离，然后⼜计算了线段和文本的位置。这个应用很有实战意义，比如特斯拉的地图APP，连个简单的测距报警都没有，这⼀直是我想要的功能。就是用来显示距离的。写为函数的好处是，不仅封装了计算过程，还可以结合前面线和文本来具体制定他们的位置。之后，给两个点的拖动事件绑定函数，这样每次拖动之后，线段和文本就是实现了动态更新。
2024-09-05 09:41:19
264
原创 WebGIS开发【智慧校园】实战案例：16. 地图覆盖物-矢量图形
通过构建经纬度点数组，添加图层来绘制折线：代码如下：这里需要考虑的是，如何动态的⽣成折线数组，能否实现点击⼀下就添加⼀段？
2024-09-05 09:19:08
922
原创 WebGIS开发【智慧校园】实战案例：15. 地图点击事件的引入和点标记
如何通过点击事件来获取当前位置的经纬度？可以通过事件来实现。先上代码：这⾥有坑。通过绑定click事件实现监听函数，这⾥注意：在控制台打印时候，字符串居然⽤的是·符号，就是1左边 那个按键。否则是不对的。看⼀下效果：这就实现了在控制台输出经纬度的操作。
2024-09-05 09:11:41
241
原创 WebGIS开发【智慧校园】实战案例：14. 地图控件的添加
他和我们现在的WebGIS⼯程最⼤的不同就是上⾯有很多控件，⽤户可以操作的。⽐如右下⻆有加号和减 号按钮，这叫做控件。如何在我们的⼯程中引⼊这些呢，下⾯来看。这是我们上⼀课看到的界⾯，这时候他下⾯有加号和减号按钮了。注意，鹰眼控件把⼯具条给挡住了，实际貌似⼯具条在右上显示，这⾥后期可以修改完善⼀下。这个听起来⾼⼤上，实际就是缩略图。⼀般在右下⻆显示地图的全景。这是切换为卫星图，并添加了路⽹和交通信息的地图。接下来可以加⼀个切换地图图层的控件。左下⻆就出现⽐例尺了。
2024-09-05 09:05:55
197
原创 WebGIS开发【智慧校园】实战案例：13. 地图的组成和操作
如果不想看实时路况，想移除怎么办呢，按F12进⾏开发环境，选择console控制台，如图，输⼊。那么，这个功能怎么让⽤户能使⽤呢，可以做⼀个按钮来触发事件来实 现。⾸先，指定是否⾃动刷新，其次，指定刷新间隔为180s。其实如果加个判断，做成⼀个按钮也可以的。地图是⼀层⼀层的，叠合在⼀起，组成完成的地图。这⾥做了两个按钮，⼀个添加，⼀个隐藏。将交通图层添加到map上，即可。现在来试试实时路况的实现。路况信息就被移除了。
2024-09-04 16:37:29
328
原创 WebGIS开发【智慧校园】实战案例：12. 测试高德API地图参数
通过指定中心点经纬度来调节地图的位置，中国的维度通常在20到45之间，经度在84到118之间，北京 是116,40，武汉是114,30，可以测试⼀下。
2024-09-04 16:33:47
181
原创 WebGIS开发【智慧校园】实战案例：11. 测试高德API
本篇主要介绍测试高德API的一些地图容器和显示的基本操作，下一篇继续介绍测试⾼德API地图参数。
2024-09-04 16:11:21
323
原创 WebGIS开发【智慧校园】实战案例：10 GeoJSON
在自定义属性中，可以用键值对定义任意信息。本篇主要介绍geojson格式的概念，为后续实战做理论支撑。下一章我们正式开始智慧校园项目实战。
2024-09-04 16:03:47
282
原创 WebGIS开发【智慧校园】实战案例：9. 点标记和几何计算
本章主要介绍了地图事件和几何计算的一些概念，下一篇我们学习GIS开发中常见的地图格式GeoJSON。
2024-09-04 15:22:22
238
基于webGIS的大气监测系统
2024-09-12
openlayers项目广西水利信息在线分析服务系统
2024-09-11
webgis之openlayers
2024-09-10
webgis温州台风网项目
2024-09-10
WebGIS之Cesium三维软件开发-配套资料
2024-09-10
Gitee上的开源webgis项目 cesium demo集成了几乎所有可用的cesium功能
2024-09-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人