leaflet 常用插件

一、常用插件

1.地图底图切换

https://github.com/htoooth/Leaflet.ChineseTmsProviders

2.切片地图加载(wmts,支持矢量切片)

https://github.com/mylen/leaflet.TileLayer.WMTS

3.wms地图服务加载

https://github.com/heigeo/leaflet.wms

4.视图范围框定(只允许查看和编辑给定范围地图)

https://github.com/aparshin/leaflet-boundary-canvas

5.地图要素显示比例尺控制(不同比例尺要素渲染,根据屏幕坐标控制)

https://github.com/GreenInfo-Network/L.TileLayer.PixelFilter/

6.卷帘对比(卷积运算,历史对比)

https://github.com/digidem/leaflet-side-by-side

7.webGL地图要素渲染(使用三维要素绘制)

https://gitlab.com/IvanSanchez/Leaflet.TileLayer.GL

8.快速重新渲染地图要素,动态修改地图样式(适用于矢量切片,无需二次发布服务)

(颜色获取) https://github.com/frogcat/leaflet-tilelayer-colorpicker 

(样式调整)https://github.com/hnrchrdl/leaflet-tilelayer-colorizr

9.快速获取要素范围和属性信息(tootip方式)

https://github.com/consbio/Leaflet.UTFGrid

10.缓冲区(不推荐,存在bug,推荐使用geotools api后台生成缓冲区,需要坐标转换)

https://github.com/TolonUK/Leaflet.EdgeBuffer https://github.com/skeate/Leaflet.buffer

11.要素图层组加载过程数据获取(支持FeatureGroup,loading和load事件)

https://github.com/Outdooractive/Leaflet.FeatureGroup.LoadEvents

12.地图要素移除,动态重新渲染底图(动画效果,缓冲效果)

https://gitlab.com/IvanSanchez/Leaflet.GridLayer.FadeOut

13.地图矢量切片服务加载和渲染

https://github.com/Leaflet/Leaflet.VectorGrid

(mapbox切片渲染)https://github.com/SpatialServer/Leaflet.MapboxVectorTile

(geojson格式渲染)https://github.com/mapbox/geojson-vt

14.常用格式地理数据加载(WKT,GeoJSON,KML,GPX,CSV,MDB,shp等)

https://github.com/mapbox/leaflet-omnivore

https://github.com/makinacorpus/Leaflet.FileLayer

https://github.com/calvinmetcalf/leaflet.shapefile

15. 地图WFS服务操作,数据增删改查(Insert,Update,Delete,Query,Transaction;WFS服务封装,结合oracle或则postgis数据库,arvgis server或者geoserver后台服务搭建)

https://github.com/Flexberry/Leaflet-WFST

如果geoserver搭建服务端:

typeNS表示工作空间,typeName表示图层名称(表名一致)

 

16.自定义label标签(Marker,polygon)

https://github.com/Leaflet/Leaflet.label

17.自定义marker

https://github.com/marslan390/BeautifyMarker

18.聚合数据

https://github.com/Leaflet/Leaflet.markercluster

https://github.com/MazeMap/Leaflet.LayerGroup.Collision 

https://github.com/SINTEF-9012/PruneCluster

19.热力图

https://github.com/Leaflet/Leaflet.heat 

http://ursudio.com/webgl-heatmap-leaflet/

20.加载echarts图(聚合图,迁徙图,热力图)

https://github.com/wandergis/leaflet-echarts.git

21.要素编辑(面合并,分割,创建要素等;结合leaflet.wfst)

https://github.com/Leaflet/Leaflet.toolbar 

https://github.com/Leaflet/Leaflet.draw

https://github.com/Leaflet/Leaflet.Editable 

https://github.com/codeofsumit/leaflet.pm

https://github.com/willfarrell/Leaflet.Clipper

22.图层切换,要素显示隐藏

https://github.com/ismyrnow/leaflet-groupedlayercontrol

23.地图导航条、全屏控件

https://github.com/turbo87/sidebar-v2/ 

https://github.com/kartena/Leaflet.Pancontrol

https://github.com/kartena/Leaflet.zoomslider 

https://github.com/Leaflet/Leaflet.fullscreen

https://github.com/brunob/leaflet.fullscreen

24.鹰眼图

https://github.com/Norkart/Leaflet-MiniMap

25.测量控件

https://github.com/ljagis/leaflet-measure

26.控件按钮样式设置

https://github.com/CliffCloud/Leaflet.EasyButton

https://github.com/aratcliffe/Leaflet.contextmenu

27.地图打印插件

https://github.com/rowanwins/leaflet-easyPrint 

https://github.com/Igor-Vladyka/leaflet.browser.print

28.定位当前位置

https://github.com/domoritz/leaflet-locatecontrol

29.坐标转换插件(与缓冲区,测量配合使用)

https://github.com/kartena/Proj4Leaflet

30.空间位置分析

(点是否在面内)https://github.com/kartena/Proj4Leaflet

(计算面积、距离)https://github.com/makinacorpus/Leaflet.GeometryUtil/blob/master/src/leaflet.geometryutil.js

31.路径分析(纠偏,地图匹配算法)

https://github.com/perliedman/leaflet-routing-machine

https://github.com/Project-OSRM/osrm-frontend

32.poi模糊查询

https://github.com/smeijer/leaflet-geosearch 

一、常用插件

1.地图底图切换

https://github.com/htoooth/Leaflet.ChineseTmsProviders

2.切片地图加载(wmts,支持矢量切片)

https://github.com/mylen/leaflet.TileLayer.WMTS

3.wms地图服务加载

https://github.com/heigeo/leaflet.wms

4.视图范围框定(只允许查看和编辑给定范围地图)

https://github.com/aparshin/leaflet-boundary-canvas

5.地图要素显示比例尺控制(不同比例尺要素渲染,根据屏幕坐标控制)

https://github.com/GreenInfo-Network/L.TileLayer.PixelFilter/

6.卷帘对比(卷积运算,历史对比)

https://github.com/digidem/leaflet-side-by-side

7.webGL地图要素渲染(使用三维要素绘制)

https://gitlab.com/IvanSanchez/Leaflet.TileLayer.GL

8.快速重新渲染地图要素,动态修改地图样式(适用于矢量切片,无需二次发布服务)

(颜色获取) https://github.com/frogcat/leaflet-tilelayer-colorpicker 

(样式调整)https://github.com/hnrchrdl/leaflet-tilelayer-colorizr

9.快速获取要素范围和属性信息(tootip方式)

https://github.com/consbio/Leaflet.UTFGrid

10.缓冲区(不推荐,存在bug,推荐使用geotools api后台生成缓冲区,需要坐标转换)

https://github.com/TolonUK/Leaflet.EdgeBuffer https://github.com/skeate/Leaflet.buffer

11.要素图层组加载过程数据获取(支持FeatureGroup,loading和load事件)

https://github.com/Outdooractive/Leaflet.FeatureGroup.LoadEvents

12.地图要素移除,动态重新渲染底图(动画效果,缓冲效果)

https://gitlab.com/IvanSanchez/Leaflet.GridLayer.FadeOut

13.地图矢量切片服务加载和渲染

https://github.com/Leaflet/Leaflet.VectorGrid

(mapbox切片渲染)https://github.com/SpatialServer/Leaflet.MapboxVectorTile

(geojson格式渲染)https://github.com/mapbox/geojson-vt

14.常用格式地理数据加载(WKT,GeoJSON,KML,GPX,CSV,MDB,shp等)

https://github.com/mapbox/leaflet-omnivore

https://github.com/makinacorpus/Leaflet.FileLayer

https://github.com/calvinmetcalf/leaflet.shapefile

15. 地图WFS服务操作,数据增删改查(Insert,Update,Delete,Query,Transaction;WFS服务封装,结合oracle或则postgis数据库,arvgis server或者geoserver后台服务搭建)

https://github.com/Flexberry/Leaflet-WFST

如果geoserver搭建服务端:

typeNS表示工作空间,typeName表示图层名称(表名一致)



16.自定义label标签(Marker,polygon)

https://github.com/Leaflet/Leaflet.label

17.自定义marker

https://github.com/marslan390/BeautifyMarker

18.聚合数据

https://github.com/Leaflet/Leaflet.markercluster

https://github.com/MazeMap/Leaflet.LayerGroup.Collision 

https://github.com/SINTEF-9012/PruneCluster

19.热力图

https://github.com/Leaflet/Leaflet.heat 

http://ursudio.com/webgl-heatmap-leaflet/

20.加载echarts图(聚合图,迁徙图,热力图)

https://github.com/wandergis/leaflet-echarts.git

21.要素编辑(面合并,分割,创建要素等;结合leaflet.wfst)

https://github.com/Leaflet/Leaflet.toolbar 

https://github.com/Leaflet/Leaflet.draw

https://github.com/Leaflet/Leaflet.Editable 

https://github.com/codeofsumit/leaflet.pm

https://github.com/willfarrell/Leaflet.Clipper

22.图层切换,要素显示隐藏

https://github.com/ismyrnow/leaflet-groupedlayercontrol

23.地图导航条、全屏控件

https://github.com/turbo87/sidebar-v2/ 

https://github.com/kartena/Leaflet.Pancontrol

https://github.com/kartena/Leaflet.zoomslider 

https://github.com/Leaflet/Leaflet.fullscreen

https://github.com/brunob/leaflet.fullscreen

24.鹰眼图

https://github.com/Norkart/Leaflet-MiniMap

25.测量控件

https://github.com/ljagis/leaflet-measure

26.控件按钮样式设置

https://github.com/CliffCloud/Leaflet.EasyButton

https://github.com/aratcliffe/Leaflet.contextmenu

27.地图打印插件

https://github.com/rowanwins/leaflet-easyPrint 

https://github.com/Igor-Vladyka/leaflet.browser.print

28.定位当前位置

https://github.com/domoritz/leaflet-locatecontrol

29.坐标转换插件(与缓冲区,测量配合使用)

https://github.com/kartena/Proj4Leaflet

30.空间位置分析

(点是否在面内)https://github.com/kartena/Proj4Leaflet

(计算面积、距离)https://github.com/makinacorpus/Leaflet.GeometryUtil/blob/master/src/leaflet.geometryutil.js

31.路径分析(纠偏,地图匹配算法)

https://github.com/perliedman/leaflet-routing-machine

https://github.com/Project-OSRM/osrm-frontend

32.poi模糊查询

https://github.com/smeijer/leaflet-geosearch 

https://github.com/perliedman/leaflet-control-geocoder

33.等势线,等势面

https://github.com/timwis/leaflet-choropleth

34.获取鼠标位置经纬度

https://github.com/ardhi/Leaflet.MousePosition



搬运源于https://blog.csdn.net/yangdengxian/article/details/79954827

其他leaflet知识总结:https://blog.csdn.net/itas109/article/details/70054588

基于Leaflet的GPS参数提取与轨迹重现实验:https://blog.csdn.net/u011880112/article/details/79229947

图片地图功能:http://www.5iweb.com.cn/resource/5iweb2017042406/index.html

麻辣GIS教程:https://malagis.com/tag/Leaflet/
————————————————

原文链接:https://blog.csdn.net/qq_36213352/article/details/82321244

https://github.com/perliedman/leaflet-control-geocoder

33.等势线,等势面

https://github.com/timwis/leaflet-choropleth

34.获取鼠标位置经纬度

https://github.com/ardhi/Leaflet.MousePosition

 

搬运源于https://blog.csdn.net/yangdengxian/article/details/79954827

其他leaflet知识总结:https://blog.csdn.net/itas109/article/details/70054588

基于Leaflet的GPS参数提取与轨迹重现实验:https://blog.csdn.net/u011880112/article/details/79229947

图片地图功能:http://www.5iweb.com.cn/resource/5iweb2017042406/index.html

麻辣GIS教程:https://malagis.com/tag/Leaflet/
————————————————

原文链接:https://blog.csdn.net/qq_36213352/article/details/82321244

  • 2
    点赞
  • 23
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
引用\[1\]中提到了清空测绘图层和取消监听方法的代码片段,但是没有提到具体的Leaflet测距插件。在Leaflet中,有一个常用的测距插件叫做Leaflet.MeasureControl。这个插件可以用于在地图上进行距离和面积的测量。你可以通过引入该插件的库文件,并在地图上添加相应的控件来实现测距功能。 以下是一个使用Leaflet.MeasureControl插件的示例代码: ```javascript // 引入LeafletLeaflet.MeasureControl库文件 import L from 'leaflet'; import 'leaflet-measure'; // 创建地图实例 const map = L.map('map'); // 添加底图图层 const tileLayer = L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a> contributors', }).addTo(map); // 添加测距控件 const measureControl = new L.Control.Measure({ position: 'topright', primaryLengthUnit: 'meters', secondaryLengthUnit: 'kilometers', primaryAreaUnit: 'sqmeters', secondaryAreaUnit: 'hectares', }); measureControl.addTo(map); ``` 在上述代码中,我们首先引入了LeafletLeaflet.MeasureControl库文件。然后创建了一个地图实例,并添加了一个底图图层。接下来,我们创建了一个测距控件实例,并设置了控件的位置和单位。最后,将测距控件添加到地图上。 通过以上代码,你可以在Leaflet地图上使用测距插件进行距离和面积的测量。请注意,你需要根据自己的项目需求进行相应的配置和样式调整。 #### 引用[.reference_title] - *1* [如何在React和Vue框架中实现leafLet.js测距和测面工具](https://blog.csdn.net/weixin_44733660/article/details/120173108)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值