轻量级开源地图JavaScript库-Leaflet

Leaflet是一个用于移动友好交互式地图的开源JavaScript库。轻量级,大约38kb的JS,具有大多数开发人员所需要的映射功能;设计简单、性能高可用,可以高效地在所有主要的桌面和移动平台上工作,在现代浏览器上会利用HTML5和CSS3的优势,同时也支持旧的浏览器访问;易扩展,且拥有大量的插件;易于使用、方便快捷开发,源码可读性高。

JavaScript GIS
发布于 2017-05-13 阅读 974

Leaflet是一个用于移动友好交互式地图的开源JavaScript库。
最新版本:1.0.3(2017/1/23)
轻量级,大约38kb的JS,具有大多数开发人员所需要的映射功能;设计简单、性能高可用,可以高效地在所有主要的桌面和移动平台上工作,在现代浏览器上会利用HTML5和CSS3的优势,同时也支持旧的浏览器访问;易扩展,且拥有大量的插件;易于使用、方便快捷开发,源码可读性高。

特性

  • 多源数据支持: Tile layers, WMS、Markers, Popups、Vector layers、Image overlays、GeoJSON。
  • 浏览器及移动设备的支持: Chrome、Firefox、 Safari 5+、Opera 12+、IE 7–11; 适用于iOS 7+的Safari、Android浏览器2.2+,3.1+,4+、Chrome移动版、Firefox移动版、IE10 + for Win8设备。
  • 高效的性能: 在移动设备上的硬件加速使它感觉像原生应用程序一样顺畅; 利用CSS3功能,使平移和缩放真的很流畅; 智能折线/多边形渲染与动态剪辑和简化使它非常快; 模块化构建系统,可以省掉不需要的功能; 在移动设备上点按延迟消除。
  • 易于自定义和强大的扩展能力: 纯CSS3制定控件样式,基于图像和Html的标记; 自定义图层和地图控件,自定义地图投影; 强大的OOP,易于扩展; 轻量级,没有外部依赖。

主要的API接口

Leaflet源码托管在github上(https://github.com/Leaflet/Leaflet)

  • 地图控制器
    地图的核心,包含了PanTo和缩放的动画;浏览器HTML5定位;地图的相关操作 控件图层,包含缩放、比例尺、属性等等。
    Map、Usage example、Creation、Options、Events、Map Methods、Modifying map state、Getting map state、Layers and controls、Conversion methods、Map Misc、Properties、Panes
  • 多源数据加载类
    图层包含,marker、切片图层、矢量图层。
    Raster Layers(TileLayer、TileLayer.WMS、ImageOverlay)
    Vector Layers(Path、Polyline、Polygon、Rectangle、Circle、CircleMarker、SVG、Canvas)
    UI Layers(Marker、Popup、Tooltip)
    Other Layers(LayerGroup、FeatureGroup、GeoJSON、GridLayer)
  • 可视化控制类
    核心代码,包含了浏览器的UA判断,移动端的机型判断;js面向对象;事件监听和触发机制;以及工具类等等 关于地图的dom渲染和dom事件。
    Utility(Browser、Util、Transformation、LineUtil、PolyUtil、DomEvent、DomUtil、PosAnimation、Draggable)
  • 地图控件
    (Zoom、Attribution、Layers、Scale)
  • 基本的几何要素图形
    地理图形,包含边界、点、多边形等等。
    LatLng、LatLngBounds、Point、Bounds、Icon、DivIcon
  • 基础的类
    事件控制,地图投影和坐标,比如国内适配的墨卡托(UTM)投影。
    Class、Evented、Layer、Interactive layer、Control、Handler、Projection、CRS、Renderer、Event objects、global switches、noConflict

扩展插件

Leaflet强大的开源库插件涉及到地图应用的各个方面包括地图服务,数据提供,数据格式,地理编码,路线和路线搜索,地图控件和交互等类型的插件数百种。

库设计规范

没有外部依赖,使用原生的javascript,严格遵循了ES6规范。

  • 本文类型: 原创
  • 本文出处:
  • 版权说明: 本站内容均采用©BY-NC-SA许可协议,版权归作者和本站所有!欢迎转载,但未经作者同意必须在文章页面注明原文出处,否则保留追究法律责任的权利。

坤尘记

I AM KUNCHEN!思绪如风,总会在某处停留;用轻灵的文字书写关于技术生活的奇思妙想。

浙ICP备2020045526号