- 博客(67)
- 资源 (23)
- 收藏
- 关注
RSS订阅
原创 vue+cesium案例：智慧城市多种可视化特效(附源码下载)
基于vue和cesium实现的智慧城市，集成了多种可视化特效，包括建筑物高亮渲染、动态光锥、区域流光飞线、道路飞线、雷达扫描、光波扩散、光墙特效以及粒子烟花等。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i。运行环境：依赖Node安装环境，demo本地Node版本:推荐v16+。运行工具：vscode或者其他工具。（2）启动demo命令：npm run dev （3）打包demo命令： npm run build。
2025-04-05 09:18:37
277
原创 关于个人工作总结的一点浅见
我的简介：来自于广东茂名，西南大学gis专业毕业。从毕业至今，已经七年多，在这七年多的时间里，一直在从事着跟gis相关的工作，专注webgis开发领域。总结一下自己的工作涉及领域包括以下几个部分：(1)gis地图数据处理：arcgis以及qgis桌面软件，导入处理gis地图数据，数据源主要是shp、kml、geojson等矢量数据以及tif、img、dem等影像地形数据。数据处理好之后配...
2022-03-30 21:54:00
1120
原创 cesium入门开发基础版本源码demo
系统演示视频地址 ceisum入门开发系列完整版本 demo部署环境jdk1.8环境配置，geoserver集成在tomcat运行需要；geoserver，发布地图服务；demo项目工程html+js+css；demo里面提供tomcat，里面集成geoserver以及三维模型数据，建议直接用；版本更新说明2018-12-23：1.cesium api 1.42版本升
2021-10-30 10:43:50
1812
原创 vue+cesium示例：建筑物单体化分层(附源码下载)
地图初始化加载楼层json数据，按照默认的楼层长宽高，楼层默认高度3米，绘制楼层的外壳几何体ClassificationPrimitive，用于分层高亮；配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm install。（2）启动demo命令：npm run serve （3）打包demo命令： npm run build。运行环境：依赖Node安装环境，demo本地Node版本:推荐v16+。地图点击交互，单击建筑物楼层高亮弹窗。
2025-04-14 11:00:00
130
原创 vue+openlayers示例：地图克里金插值渲染(附源码下载)
kriging.js 插值需要插值点，包括点坐标以及插值权重字段值，还需要插值范围边界，我这里的模拟插值点以及插值边界分别存储在。利用开源 js 库克里金插值 kriging.js，源码 github 见这里：github；运行环境：依赖Node安装环境，demo本地Node版本:推荐v16+。（3）打包demo命令： npm run build。point.js 以及 world.js 文件。（2）启动demo命令：npm run dev。（1）下载demo环境依赖包命令：npm i。
2025-04-08 14:13:55
473
原创 vue+openlayers示例：全图以及框选导出地图功能(附源码下载)
本篇主要参考截图插件domtoimage:https://github.com/tsayen/dom-to-image。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令： （1）下载demo环境依赖包命令：npm i。前端框架 ：Vue 3.5.13 地图库 ：OpenLayers 10.4.0 构建工具 ：Vite 6.2.0。运行工具：vscode或者其他工具。（2）启动demo命令：npm run dev （3）打包demo命令： npm run build。
2025-04-06 10:14:58
317
2
原创 vue+openlayers示例：线水流效果(附源码下载)
3.矢量图层样式组底层保持不变，改变矢量图层的要素feature属性值，动态更新顶层样式的线间隔lineDashOffset属性值，达到线水流动效果。关键点：矢量图层的样式style内部更新渲染机制，在图层可见范围，地图缩放会自动触发；矢量图层的要素设置属性值变化的话，也会触发。运行环境：依赖Node安装环境，demo本地Node版本:推荐v16+。（3）打包demo命令： npm run build。（2）启动demo命令：npm run dev。（1）下载demo环境依赖包命令：npm i。
2025-04-06 10:11:56
201
原创 vue+openlayers矢量瓦片示例：GeoJSON数据源模式渲染(附源码下载)
接到一位星友的邀请，他那边的需求是需要矢量瓦片渲染点数据，所以针对他的业务需求定制开发一个vue+oepnlayers版本的矢量瓦片渲染示例。包含1000+中国城市和地点数据 提供数据生成脚本，可自定义生成更多数据。在tileLoadFunction中从瓦片索引获取对应瓦片数据。使用geojson-vt将GeoJSON数据转换为矢量瓦片。将瓦片数据转换为OpenLayers的Feature对象。这种方式可以高效处理大量点位数据，提升地图渲染性能。矢量瓦片处理 ：geojson-vt 4.0.2。
2025-04-06 10:09:04
277
原创 vue3+arcgisAPI4示例:台风轨迹显示(附源码下载)
运行环境：依赖Node安装环境，需要安装Node。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm install -g（3）启动demo命令：yarn dev（4）打包demo命令： yarn build:prod。
2025-04-05 09:22:21
213
原创 vue3+arcgisAPI4示例:底图切换显示（附源码下载）
运行环境：依赖Node安装环境，需要安装Node。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:prod。
2025-04-05 09:20:54
210
原创 leaflet前端JS实现高德地图POI兴趣点批量分类下载(附源码下载)
详细介绍 leaflet 每个类的函数以及属性等等，leaflet 的插件库，非常有用。
2025-04-04 08:17:13
401
原创 leaflet结合PostGIS动态渲染矢量瓦片(附源码下载)
详细介绍 leaflet 每个类的函数以及属性等等，leaflet 的插件库，非常有用。
2025-04-04 08:15:44
821
原创 leaflet框选范围下载地图离线瓦片:以高德地图为例(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动Node后端接口命令：node nodeServer.js（3）打包demo命令： npm run build（4）直接打开index.html页面即可浏览。
2025-04-04 08:13:51
317
原创 vue+leaflet示例:地图截图批量导出(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-04 08:12:20
249
原创 vue+leaflet示例:结合Leaflet-Geoman插件实现绘制以及动态配置样式(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-04 08:11:02
231
原创 vue+leaflet示例:快速渲染聚合矢量瓦片(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-03 09:20:24
730
原创 vue+leaflet示例:拓展wms以及wmts地图范围裁剪(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-03 09:18:56
259
原创 vue+leaflet示例:实现简单量算工具功能(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-03 09:17:29
334
原创 vue+leaflet示例:热力图(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-03 09:16:14
294
原创 vue+leaflet示例:直接读取geoTIFF像素值(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-03 09:14:09
243
原创 vue+leaflet示例:聚合图功能(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-02 17:05:47
297
原创 vue+leaflet示例:地图全图以及框选截图导出功能(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-02 17:03:07
603
原创 vue+leaflet示例:结合geoserver利用WFS服务实现图层删除功能(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-02 16:56:09
312
原创 vue+leaflet示例:结合geoserver利用WFS服务实现图层编辑功能(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-02 16:53:36
264
原创 vue+leaflet示例:结合geoserver利用WFS服务实现图层新增功能(附源码下载)
运行环境：依赖Node安装环境，demo本地Node版本:14.19.1。运行工具：vscode或者其他工具。配置方式：下载demo源码，vscode打开，然后顺序执行以下命令：（1）下载demo环境依赖包命令：npm i（2）启动demo命令：npm run dev（3）打包demo命令： npm run build:release。
2025-04-02 16:51:35
331
原创 vue+leaflet示例:结合turf.js实现图斑分割(附源码下载)
本篇实现的思路：turf.js中提供了一中多边形的裁剪方法是使用多边形去裁剪多边形，但是如果实际工作中需要使用到线去裁剪多边形却无法满足。
2025-03-24 09:23:53
87
原创 vue+leaflet示例:视频监控播放(附源码下载)
本篇实现的思路：萤石官网，添加视频设备，然后开启直播获取直播或者监控视频流RTMP或者HLS，利用js插件video.js以及videojs-flash等，在web网页结合leaflet在地图展示视频监控播放效果。萤石开发文档：https://open.ys7.com/doc/zh/由于视频流在线地址访问不到，所以视频流效果没出来，源码仅提供参考作用。
2025-03-24 09:21:42
115
原创 vue+leaflet示例:图斑历史时空播放(附源码下载)
本篇主要是 leaflet 通过调用 geoserver 发布的图斑地图服务 WMS，以 L.tileLayer.wms 图层加载形式叠加显示在地图，配合时间轴 timeline.js 插件来动态播放图斑变化效果，图斑随着时间轴的时间变化，核心是利用 L.tileLayer.wms 图层的属性过滤条件
2025-03-24 09:01:08
205
原创 vue+leaflet示例:结合geoserver实现地图空间查询(附源码下载)
本篇主要是leaflet通过调用geoserver发布的地图服务WFS，来达到地图空间查询的目的。具体是构造rest服务url参数形式来请求WFS服务，获取到地图数据源，然后利用leaflet来叠加显示在地图上展示。
2025-03-24 08:58:20
121
原创 vue+leaflet示例:结合geoserver实现地图属性查询(附源码下载)
本篇主要是leaflet通过调用geoserver发布的地图服务WFS，来达到地图属性查询的目的。具体是构造rest服务url参数形式来请求WFS服务，获取到地图数据源，然后利用leaflet来叠加显示在地图上展示。
2025-03-24 08:56:02
132
原创 vue+leaflet示例:结合Echarts4实现迁徙图效果(附源码下载)
vue+leaflet示例:结合Echarts4实现迁徙图效果(附源码下载)
2025-03-23 21:39:17
211
原创 vue+leaflet示例:结合Echarts4实现统计图效果(附源码下载)
【代码】vue+leaflet示例:结合Echarts4实现统计图效果(附源码下载)
2025-03-23 21:35:10
133
原创 vue+leaflet示例:结合Echarts4实现散点图效果(附源码下载)
对 leaflet Layer 类进行扩展，新建 js 文件 leaflet-echarts.js，核心是 Echarts 的散点图其实也是在一个 Div 上画的，只要把这个 div 给拿到 map-pane 里面的 overlay-pane。从官网下载 Echarts4 源码
2025-03-23 21:28:54
196
原创 vue+leaflet示例:地图卷帘对比(附源码下载)
demo实现的效果比较简单，直接就是用leaflet官方的地图卷帘插件github：leaflet-side-by-side。
2025-03-23 12:53:06
123
原创 回头看一看我的2016年
毕业也快三年了，一直都没写过年终总结，趁2016年快结束之际，来谈谈2016一年以来经历的一点感悟吧！我的工作arcgis api for js篇一如既往的站在Webgis开发岗位上，经过两三年时间的磨练以及打滚，从webgis初级开发工程师岗位提升为webgis高级开发工程师岗位，webgis开发技术方向从arcgis api for flex转换arcgis api for js，2...
2024-11-21 09:42:51
758
原创 GIS之家资源
分享资源之arcgis软件系列arcgis10.0(arcgis desktop以及arcgis server):下载arcgis10.1(arcgis desktop以及arcgis server):下载arcgis desktop10.2.2:下载arcgis desktop10.2.2中文汉化包:下载arcgis server10.2.2:下载arcgis10.3(ar...
2024-11-06 15:44:52
470
1
原创 回头看一看我的2019年
工作方面web端：postgis+geoserver+leafletweb端采取整套开源地图框架体系，开源空间数据库postgis，利用postgis内置的空间处理以及分析能力函数库，可以提供不少空间分析后台接口给前端调用；postgis结合geoserver可以发布一系列地图服务，提供前端地图leaflet调用，做一些地图可视化渲染以及分析。项目涉及到的地图功能目前比较简单，比如地图...
2024-10-25 09:40:39
432
计算机课程设计题目参考
2023-02-06
arcgis api 4.x for js地图加载arcgis server本地离线瓦片源码
2023-02-03
arcgis api 3.x for js 地图加载多个气泡窗口展示源码
2022-04-02
arcgis api 3.x for js 解决 textSymbol 文本换行显示源码
2022-04-02
arcgis api 3.x for js 入门开发系列十八风向流动图源码
2022-04-02
arcgis api 3.x for js 入门开发系列二十二地图模态层源码
2022-04-02
arcgis api 3.x for js大连市地图克里金插值渲染demo源码
2022-04-02
arcgis api 3.x for js定制开发加载shp以及json源码
2022-04-02
arcgis api 3.x for js 入门开发系列十七在线天地图、百度地图、高德地图源码
2022-04-01
arcgis api 3.x for js 入门开发系列批量叠加zip压缩SHP图层源码
2022-01-05
arcgis api 3.x for js入门开发系列九热力图效果源码
2022-01-05
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人