leaflet實用插件整理


 

目錄

leafletjs地圖框架,在地圖這塊功能還是強大,而且支持插件擴展和自定義開發。雖然leafletjs源碼很小,功能精簡,但是框架優勢在於,插件自定義開發和擴展這部分設計,而且開源。

 

現在發現只要項目用得到的,在leaflet插件中都可找到應用或者類似應用,給開發帶來很大方便。

1、常用地圖切換加載(OSM、GOOGLE、BAIDU、GAODE、TIANDITU.ETC)

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服務操作,數據增刪改查(INERT、UPDATE、DELETE、QUERY、TRANSACTION)(重中之重,WFS服務封裝,結合ORACLE或者POSTGIS數據庫,ARCGIS SERVER或者GEOSERVER后台服務搭建)

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

存在bug,需要修改,已在github issues中為作者留言,希望盡快解決;

如果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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM