leaflet常用插件地址整理

32人阅读 评论(0) 收藏 举报
分类:
        最近在研究leafletjs地图框架,发现在地图这块功能还是强大,而且支持插件扩展和自定义开发。虽然leafletjs源码很小,功能精简,但是框架优势在于,插件自定义开发和扩展这部分设计,而且开源。
        现在发现只要项目用得到的,在leaflet插件中都可找到应用或者类似应用,给开发带来很大方便。笔者之前做arcgis js api,刚开始更换leaflet有很大的抵触情绪,宁愿使用openlayers,现在慢慢使用了leaflet许久,发现真是很nice。
        今天花了一下午加一晚上时间,把自己觉得有使用价值或者目前笔者用的上的插件翻译整理了一份,分享给大家,希望能共同进步。当然由于时间仓促,可能有整理的错误,也有可能本人英文水平有限,翻译的不是很正确,希望大家能指正。
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


查看评论

7款jQuery常用插件

  • 2016年05月12日 11:21
  • 3.86MB
  • 下载

扩展Leaflet:类

Leaflet拥有数百个自由插件,这些插件扩展了Leaflet的功能:有时采用通用的方式,有时采用特定场景的方式。         Leaflet拥有如此之多插件的部分原因是Leaflet易于扩展。该...
  • naipeng
  • naipeng
  • 2016-12-15 10:20:35
  • 1799

leaflet加载google.cn底图

非常简单 只需要在生成图层的时候拼上参数就行 //重点就是tileLayer的第一个参数设置 var layer = L.tileLayer('http://mt0.google.cn/vt/ly...
  • qq_37540634
  • qq_37540634
  • 2017-03-27 09:27:11
  • 1027

leaflet加载百度地图

leaflet加载百度地图 由于百度地图的切片规则和普通的互联网地图的切片规则不那么一样,所以大多数的文章介绍了如何加载例如:天地图,高德地图,腾讯地图等地图,但是唯独百度地图的介绍的不多也有一些...
  • u012087400
  • u012087400
  • 2016-10-18 11:49:28
  • 8102

Leaflet调用谷歌地图、天地图、智图地图、高德题图一键搞定

Leaflet调用各种地图的功能十分复杂,幸好有leaflet.ChineseTmsProviders这个插件,这四种地图直接就可以加载进来,十分方便。 下面是我做的例子:...
  • GISuuser
  • GISuuser
  • 2017-08-26 11:35:01
  • 3048

leaflet 使用 wmts

leaflet 使用 wmts一直做地图方面的页面开发,这次接到一个新需求,使用leaflet对接公司的WMTS服务。 开始干活,查看leaflet文档 http://leafletjs.com/ex...
  • qq_37540634
  • qq_37540634
  • 2017-03-23 11:05:04
  • 1989

leaflet中文翻译

  • 2018年01月10日 09:06
  • 6.85MB
  • 下载

idea常用工具快捷键

  • 2017年07月14日 17:42
  • 13KB
  • 下载

Leaflet+Geoserver+Oracle/Postgis项目搭建(一)

leaft geoserver Oracle postgis 简单介绍
  • u012087400
  • u012087400
  • 2016-03-30 17:29:16
  • 2304

leaflet开源地图库源码解析

一、leaflet的源码地址:https://github.com/Leaflet/Leaflet。下载完成后看了下源码的结构,目录的截图如下:                         ...
  • happyduoduo1
  • happyduoduo1
  • 2016-06-29 09:11:25
  • 3634
    个人资料
    等级:
    访问量: 422
    积分: 72
    排名: 156万+
    文章存档