当前位置: 代码迷 >> 综合 >> leaflet 常用插件
  详细解决方案

leaflet 常用插件

热度:95   发布时间:2023-10-17 07:51:40.0

一、常用插件

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.ChineseTmsProviders2.切片地图加载(wmts,支持矢量切片)https://github.com/mylen/leaflet.TileLayer.WMTS3.wms地图服务加载https://github.com/heigeo/leaflet.wms4.视图范围框定(只允许查看和编辑给定范围地图)https://github.com/aparshin/leaflet-boundary-canvas5.地图要素显示比例尺控制(不同比例尺要素渲染,根据屏幕坐标控制)https://github.com/GreenInfo-Network/L.TileLayer.PixelFilter/6.卷帘对比(卷积运算,历史对比)https://github.com/digidem/leaflet-side-by-side7.webGL地图要素渲染(使用三维要素绘制)https://gitlab.com/IvanSanchez/Leaflet.TileLayer.GL8.快速重新渲染地图要素,动态修改地图样式(适用于矢量切片,无需二次发布服务)(颜色获取) https://github.com/frogcat/leaflet-tilelayer-colorpicker (样式调整)https://github.com/hnrchrdl/leaflet-tilelayer-colorizr9.快速获取要素范围和属性信息(tootip方式)https://github.com/consbio/Leaflet.UTFGrid10.缓冲区(不推荐,存在bug,推荐使用geotools api后台生成缓冲区,需要坐标转换)https://github.com/TolonUK/Leaflet.EdgeBuffer https://github.com/skeate/Leaflet.buffer11.要素图层组加载过程数据获取(支持FeatureGroup,loading和load事件)https://github.com/Outdooractive/Leaflet.FeatureGroup.LoadEvents12.地图要素移除,动态重新渲染底图(动画效果,缓冲效果)https://gitlab.com/IvanSanchez/Leaflet.GridLayer.FadeOut13.地图矢量切片服务加载和渲染https://github.com/Leaflet/Leaflet.VectorGrid(mapbox切片渲染)https://github.com/SpatialServer/Leaflet.MapboxVectorTile(geojson格式渲染)https://github.com/mapbox/geojson-vt14.常用格式地理数据加载(WKT,GeoJSON,KML,GPX,CSV,MDB,shp等)https://github.com/mapbox/leaflet-omnivorehttps://github.com/makinacorpus/Leaflet.FileLayerhttps://github.com/calvinmetcalf/leaflet.shapefile15. 地图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.label17.自定义markerhttps://github.com/marslan390/BeautifyMarker18.聚合数据https://github.com/Leaflet/Leaflet.markerclusterhttps://github.com/MazeMap/Leaflet.LayerGroup.Collision https://github.com/SINTEF-9012/PruneCluster19.热力图https://github.com/Leaflet/Leaflet.heat http://ursudio.com/webgl-heatmap-leaflet/20.加载echarts图(聚合图,迁徙图,热力图)https://github.com/wandergis/leaflet-echarts.git21.要素编辑(面合并,分割,创建要素等;结合leaflet.wfst)https://github.com/Leaflet/Leaflet.toolbar https://github.com/Leaflet/Leaflet.drawhttps://github.com/Leaflet/Leaflet.Editable https://github.com/codeofsumit/leaflet.pmhttps://github.com/willfarrell/Leaflet.Clipper22.图层切换,要素显示隐藏https://github.com/ismyrnow/leaflet-groupedlayercontrol23.地图导航条、全屏控件https://github.com/turbo87/sidebar-v2/ https://github.com/kartena/Leaflet.Pancontrolhttps://github.com/kartena/Leaflet.zoomslider https://github.com/Leaflet/Leaflet.fullscreenhttps://github.com/brunob/leaflet.fullscreen24.鹰眼图https://github.com/Norkart/Leaflet-MiniMap25.测量控件https://github.com/ljagis/leaflet-measure26.控件按钮样式设置https://github.com/CliffCloud/Leaflet.EasyButtonhttps://github.com/aratcliffe/Leaflet.contextmenu27.地图打印插件https://github.com/rowanwins/leaflet-easyPrint https://github.com/Igor-Vladyka/leaflet.browser.print28.定位当前位置https://github.com/domoritz/leaflet-locatecontrol29.坐标转换插件(与缓冲区,测量配合使用)https://github.com/kartena/Proj4Leaflet30.空间位置分析(点是否在面内)https://github.com/kartena/Proj4Leaflet(计算面积、距离)https://github.com/makinacorpus/Leaflet.GeometryUtil/blob/master/src/leaflet.geometryutil.js31.路径分析(纠偏,地图匹配算法)https://github.com/perliedman/leaflet-routing-machinehttps://github.com/Project-OSRM/osrm-frontend32.poi模糊查询https://github.com/smeijer/leaflet-geosearch https://github.com/perliedman/leaflet-control-geocoder33.等势线,等势面https://github.com/timwis/leaflet-choropleth34.获取鼠标位置经纬度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