leaflet
文章平均质量分 89
leaflet相关知识
夜郎king
信息系统项目管理师,系统架构设计师,2022博客之星IT其它领域TOP12,CSDN 博客专家,JAVA领域优质创作者,阿里云专家博主,热爱JAVA、大数据、地理信息、项目管理,地理信息行业从业者 一起遨游在GIS大海,徜徉在数字孪生的世界中,关注我发现更多精彩~
展开
-
基于Leaflet和天地图的直箭头标绘实战-源码分析
本文主要以直线箭头的绘制重点讲解在Leaflet中对上述对象的封装,相关类的功能介绍等,首先介绍一个基于Leaflet的标绘基础库,其次介绍这个库的基本结构,相关类属性和方法的定义,然后基于时序图来介绍相关API的调用,最后生成一个直线箭头的实例。原创 2024-09-18 23:51:04 · 1432 阅读 · 49 评论 -
基于Leaflet Legend的图例数据筛选实践-以某市教培时空分布为例
本文以Leaflet Legend为例,结合之前采集的某市校外违规培训的时空数据,首先讲解如何进行数据的空间可视化,然后讲解Leaflet.Legend这款组件的具体应用,最后将数据和组件进行融合,讲解如何实现在图例上进行切换实现空间数据的切换与隐藏。原创 2024-08-29 22:00:00 · 1901 阅读 · 63 评论 -
基于SpringBoot和Leaflet的全国省会城市风景区分布分析实践
本文以全国省会城市风景区分布为例,重点讲解在SpringBoot当中,结合Leaflet框架来进行城市风景区分布分析。通过本文,您可以深入掌握如何在SpringBoot中开发WebGIS应用,深入掌握空间分析的方法。原创 2024-08-11 23:18:12 · 3165 阅读 · 56 评论 -
使用Leaflet进行船舶航行警告区域绘制实战
本文即以Leaflet为例,重点讲解如何将上述的空间信息转换为可以在地图上浏览的位置信息。首先使用Java语言将上面的涉及的空间坐标(度分秒)调整为常见的经纬度坐标。然后根据不同的点连接成多个面,最后将这些Polygon面数据叠加到Leaflet中,从而实现航行警告中的相关区域和地图的融合。通过本文可以掌握怎么使用Java把度分秒坐标转为标准格式,还可以掌握在Leaflet当中如何把这些Polygon进行空间叠加。原创 2024-08-02 22:00:00 · 2870 阅读 · 50 评论 -
使用Leaflet GeoMan结合天地图进行自由标绘实战
本文首先讲解基于Leaflet开发的一个Leaflet GeoMan组件,介绍这个组件是什么,有哪些特色功能,然后介绍如何在工程中使用这些组件,最后在以一个实际的案例来实现之前我们提出来的场景。通过本文,可以了解什么是Leaflet geoMan,还可以掌握它的基本用法,了解如何创建第一个基本应用,最后学会如何在WebGis界面中进行自由标绘。原创 2024-07-31 20:00:00 · 3213 阅读 · 67 评论 -
基于SpringBoot的矩形范围面时空分析-以震中附近历史地震为例
文章主要讲解如何使用Java开发语言,结合成熟的SpringBoot框架来加速WebGIS应用的开发,首先讲解在数据库中的相关设计以及实现思路,然后重点讲解如何使用Java来开发地震震中附近历史地震的应用。通过本文的相关知识介绍,相信您一定会掌握如何进行附近历史地震分析有一个深刻的认识,同时抛砖引玉,对其他的类似的WebGIS应用建设提供建设参考。原创 2024-07-21 23:30:24 · 3890 阅读 · 85 评论 -
基于天地图使用Leaflet.js进行WebGIS开发实战
本文重点介绍如何基于天地图使用Leaflet来开发WebGIS的应用,首先讲解如何在天地图上申请个人的key,然后讲解在天地图中不同的账户的调用限制策略,最后使用Leaflet开发一个加载天地图影像底图和影像文字标注,在地图的基础之上实现一个全国范围内的地名地址检索。原创 2024-07-18 22:00:00 · 8092 阅读 · 71 评论 -
洪水来势汹汹,看看GIS可以做些什么?
本文从WebGIS的角度分析一些,通过这些公众可以便捷访问的网站来看看如何进行洪水灾害的防范,可以结合运营商的数据进行定点通知。了解多知识的一些融合知识。原创 2024-07-01 06:30:00 · 3711 阅读 · 67 评论 -
基于SpringBoot和PostGIS的某国基地可视化实战
本文以Java开发语言为例,使用SpringBoot框架来进行后台开发,详细讲解如何使用Leaflet对PostGIS的全球基地信息进行Web可视化,最后分享Web可视化结果。从国内基地,到海外不同国家的具体的驻扎分布。原创 2024-06-25 20:33:33 · 4699 阅读 · 90 评论 -
Leaflet集成wheelnav在WebGIS中的应用
本文重点讲解如何在Leaflet组件中集成wheelnav。文章首先介绍了在Leaflet组件中集成wheelnav的两种错误方式,同时给出了正确的集成方式,也给出了详细的代码。然后在leaflet当中详细介绍了怎么给不同的空间对象,如点、线、面来设置不同样式的wheelnav组件,相信大家看罢一定有所收获。原创 2024-06-15 08:41:16 · 4927 阅读 · 79 评论 -
使用Leaflet-canvas-label进行个性化标注实践详解
本文详细介绍leaflet-canvas-label的属性以及事件,首先介绍它的参数列表,然后根据不同的属性进行实例的讲解,最后给出一个完整的演示示例。通过本文您可以掌握leaflet-canvas-label的个性化标注如何实现,包括自定义颜色、字体大小、标注方向、事件的绑定,如何解决标注边界被截断的问题。原创 2024-06-10 11:27:43 · 4352 阅读 · 80 评论 -
基于Java实现震中附近风景区预警可视化分析实践
本文使用Java开发语言,使用PostGIS空间数据库,构建这样一个空间范围分析模型,输出震中百公里影响景点。将作为下一步的数据分析基础提供数据支撑。通过构建源点位与目标点位的实际距离,构建模型分析的基本要素之一,感兴趣的朋友可以看看本文,了解相关的知识。原创 2024-05-28 22:28:09 · 4061 阅读 · 63 评论 -
基于Java的地震震中附近城市分析实战
本文基于中国地震台网的数据,以及全国城市点位数据,通过分析地震震中位置100公里范围内的城市列表,以及震中位置与城市的直线距离,为后面做空间分析打下坚实的基础,通过本文,您可以了解到如何在PostGIS数据库中进行空间范围查询,同时可以了解如何将查询结果进行Web空间可视化的具体方法。原创 2024-05-21 20:15:17 · 7038 阅读 · 107 评论 -
基于Leaflet的点、线、面、圆等多要素闪烁实现方法
文章首先介绍在Leaflet中的技术实现方案,然后介绍了Leaflet中的样式设置基础知识,最后以实际代码的方式给出点、线 、面、圆、矩形等要素的闪烁实现效果。原创 2024-05-18 16:20:56 · 4554 阅读 · 80 评论 -
Leaflet.canvaslabel在Ajax异步请求时bindPopup无效的解决办法
文分享了作者在排查GIS问题当中的一些思路和方法。在没有找到具体的问题前,首先检查代码的问题,然后检查相应的组件是否有什么缺陷,最后再梳理解决办法,大致的思路如此。原创 2024-05-12 22:00:00 · 4218 阅读 · 49 评论 -
基于SpringBoot的全国风景区WebGIS按省展示实践
本文首先对数据库中的风景区数据进行简单介绍,然后介绍如何使SpringBoot进行风景区查询功能的设计与实现,接着介绍前端基于Leaflet进行可视化设计,最后使用实际应用,介绍和分析不同省份的风景区旅游资源。原创 2024-05-10 20:51:46 · 6283 阅读 · 59 评论 -
在Leaflet中点对象使用SVG和Canvas两种模式的对比
本文首先阐述Leaflet中SVG和Canvas两种模式的原理和Leaflet的相关架构,然后通过实例对比marker的不同规模生成对机器的资源占用,最后使用基于Canvas的技术实现了5W-10W级的点数据展示。原创 2024-05-08 19:57:02 · 4510 阅读 · 54 评论 -
Leaflet在WGS84 Web墨卡托投影与WGS84经纬度投影下空间信息变形问题及修正-以圆为例
本文主要讲解GIS中的两种投影方式和区别,结合空间对象信息的展示里讲述不同投影方式下图形的形变问题,然后通过代码讲解如果遇到形变问题的对应解决办法。希望对遇到这种问题的朋友有一定的帮助。原创 2024-05-04 09:35:49 · 4853 阅读 · 28 评论 -
基于SpringBoot和Leaflet的地震台网信息预警可视化
本文即对采集回来的中国地震台网数据进行预警可视化进行深入讲解。首先讲解后台的代码和功能设计,然后基于L.Icon.Pulse进行地震预警展示,最后展示预警可视化效果。地址灾害不可预测,但是我们在灾后应该快速提供应急救援,将尽量减少人民群众的生命财产损失。原创 2024-04-25 19:35:38 · 5492 阅读 · 89 评论 -
基于Leaflet.js的Marker闪烁特效的实现-模拟预警
文章重点讲解如何在Leaflet.js当中进行地图Marker的闪烁特效的开发。如果您当前也有类似的需求,不妨可以看看本文。原创 2024-04-08 21:25:13 · 5509 阅读 · 74 评论 -
基于Leaflet.js和Turf.js的等值线区间自定义及颜色自适应实践
本文将重点讲解在Leaflet中使用turf来生成等值线,同时可以自主适配不同的值域信息,根据值域区间配置不同的颜色,让可视化效果更加贴近实际需要。原创 2024-04-03 08:30:00 · 7060 阅读 · 68 评论 -
Leaflet使用多面(MultiPolygon)进行遥感影像掩膜报错解决之道
本文将深刻剖析在Leaflet中,对于面(Polygon)和多面(MultiPolygon)在影像掩膜实战过程的正确展示方法,分析了问题产生的原因以及如何解决多面(MultiPolygon)进行影像掩膜实现。如果电脑前的你也有同样的问题,或者存在多面(MultiPolygon)展示不出来的问题。不妨来看看这篇博客,或许能解决你的疑问。原创 2024-03-31 16:00:00 · 5861 阅读 · 97 评论 -
使用Leaflet.rotatedMaker进行航班飞行航向模拟的实践
本文以模拟实现上述场景为例,重点讲解在Leaflet当中,如何实现飞机的航线展示,同时在不同的时刻可以展示其飞行方向。原创 2024-03-29 21:32:05 · 5533 阅读 · 79 评论 -
基于SpringBoot和Leaflet的行政区划地图掩膜效果实战
本文讲解的是一种图层级的掩膜,即使用行政区划图层来进行掩膜。使用场景为,用户只需要在地图页面中展示目标行政区划内的影像信息,对于行政边界外的影像,则不展示。这就是WebGIS中掩膜的一种表达方式。原创 2024-03-26 20:40:03 · 7305 阅读 · 127 评论 -
基于SpringBoot和HeatMap的全球地震热力图可视化实践
本文将结合中国地震台网数据集,使用HeatMap热力图插件做可视化,后端使用SpringBoot框架进行业务逻辑开发组件。以热力图的方式对全球三大地震带的活动与范围进行反演,文中的场景仅限将4.7级以上的破坏性地震进行热力图展示。原创 2024-03-22 23:52:01 · 6097 阅读 · 97 评论 -
基于Lealfet.js展示Turf.js生成的平滑曲线实践
本文分享一款webgis的解决方案,基于Turf.js组件来动态生成平滑曲线,然后在webgis框架中使用Leaflet进行展示。原创 2024-03-19 20:46:07 · 6999 阅读 · 123 评论 -
基于SpringBoot和PotsGIS的各省地震震发可视化分析
本文使用SpringBoot框架进行开发,将深度分析全国各省的地震震发情况,按照省级行政区划的方式进行空间统计分析,空间数据库依然采用我们熟悉的PostGIS数据库。通过本文可以对全国各省的地震分布有一个大致的了解,快来看看你所在省份是否是地震高发区原创 2024-03-11 20:38:09 · 5997 阅读 · 83 评论 -
在Leaflet中使用Turf.js生成范围多边形的两种实现方式
本文就将重点介绍这种实现的方式,主要讲解Turf.js在求解范围多边形的两种实现方式,通过代码的方式让读者对实现过程更加的了解和掌握,可以快速的在学习和生产中进行应用,详细对比了bbox和凸多边形的生成过程,最后展示了两个的实现效果。原创 2024-03-09 06:30:00 · 6299 阅读 · 58 评论 -
在SpringBoot中基于CanvasLabel的地震基础信息展示实践
本文将讲解在SpringBoot中如何进行Leaflet.CanvasLabel组件集成,从数据库设计到后台MVC集成,同时讲解在样式显示过程中,根据不同的震级显示不同的文本颜色的过程。原创 2024-01-24 07:00:00 · 5593 阅读 · 37 评论 -
基于CanvasLabel的Leaflet矢量数据免切片属性标注实践
本文将重点介绍Leaflet.CanvasLabel插件,然后介绍插件的属性,其次讲解和Leaflet进行结合使用生成一个可展示的例子,通过实例结合代码的方式进行讲解,让您更好的掌握这款插件原创 2024-01-22 07:00:00 · 5589 阅读 · 36 评论 -
Leaflet.VectorGrid加载点矢量瓦片鼠标点击报Cannot read properties of undefined的解决办法
本文将介绍在Leaflet.VectorGrid中如何解决点矢量数据加载时,添加事件监听时,发生错误的解决办法,如果您当前也存在这些问题,可以尝试这种解决办法,或许能解决遇到的问题。原创 2024-01-08 18:30:00 · 6581 阅读 · 43 评论 -
解决基于VectorGrid的矢量瓦片Y轴偏移的问题
本文将重点讲解,如何使用VectorGrid加载自己切好的矢量瓦片,同时解决其出现的Y轴偏转的问题,如果您在项目开发过程中也出现这个问题,可以从这篇博客中找到解决办法。原创 2023-12-31 18:00:45 · 5650 阅读 · 24 评论 -
Leaflet.Graticule源码分析以及经纬度汉化展示
本文将重点详细分析这款经纬网生成的源码,以及其内在的调用逻辑,通过本文,可以让您知道经纬网的构造原理,做到知其然知其所以然。原创 2023-12-16 06:45:00 · 5784 阅读 · 36 评论 -
基于Leaflet的Webgis经纬网格生成实践
本文将介绍一款Leaflet的经纬网插件,基于这款经纬网插件,详细介绍如何实现经纬网功能原创 2023-12-13 23:28:06 · 6507 阅读 · 38 评论 -
浅谈前端自定义VectorGrid矢量瓦片样式
本文将以Leaflet为例,深入讲解在VectorGrid控件中,如何在前端进行矢量瓦片的个性化定制,同时给出完整的示例代码,帮助各位用户掌握和使用源码更快速的掌握如何在前端实现矢量瓦片的动态自定义控制。原创 2023-11-06 20:12:09 · 7516 阅读 · 42 评论 -
基于VectorGrid加载GeoServer发布的矢量瓦片实例
本文重点讲解在LeafLet中使用VectorGrid如何加载 Geoserver发布的矢量瓦片,以及在GeoServer中进行跨域访问设置的 基本操作,让您在实践时遇到同样问题有地方参考。原创 2023-10-29 10:01:56 · 7005 阅读 · 78 评论 -
时空碰撞之当Leaflet遇到Echarts
本文将以常用的Leaflet为例,重点讲解在Leaflet中如何集成Echarts进行模拟迁徙的地图展示,最后通过分析前端调用示例以代码的形式给出实例原创 2023-09-27 18:30:00 · 8476 阅读 · 15 评论 -
详解LeafLet中如何展示GeoServer发布的图层组
本文将详细介绍GeoServer中的图层组,以及如何在GeoServer中管理图层组,最后介绍如何使用Leaflet进行图层组数据的加载原创 2023-06-30 23:55:39 · 17424 阅读 · 42 评论 -
端午屈夫子祭-基于LeafLet的夫子一生时空轨迹纵览
本文将以时间作为主线,整理屈夫子从出生到入仕,再到流放,再度启用,二次流放直至含恨投江。以全新的一种视角去观察屈夫子的一生,基于LeafLet结合时间轴,完成时间与空间的时空纵览。原创 2023-06-23 23:13:42 · 16250 阅读 · 50 评论 -
基于Leaflet的乡镇行政区划在WebGIS中的可视化工具实践
本文将重点讲解如何采用Leafletjs地图开发组件,围绕GeoJSON的可视化展示,以湖南省乡镇行政区划数据的查询,空间定位作为实践案例,完整讲述一个基础的WebGIS小功能,最后形成一个GeoJSON的可视化工具。原创 2023-05-09 23:44:53 · 20056 阅读 · 112 评论