Leaflet

使用Leaflet的基本例子

Leaflet的典型用法是将Leaflet的“map”元素绑定到HTML元素（例如div）上。然后将图层和标记添加到map元素中。

 // create a map in the "map" div, set the view to a given place and zoom
 var map = L.map('map').setView([51.505, -0.09], 13);
 
 // add an OpenStreetMap tile layer
 // Tile Usage Policy applies: https://operations.osmfoundation.org/policies/tiles/
 L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
     attribution: '&copy; <a href="http://openstreetmap.org/copyright">OpenStreetMap</a> contributors'
 }).addTo(map);

Leaflet支持非球面墨卡托投影显示地图。[4]Leaflet库本身可以通过变量L访问。

Leaflet原生支持Web地图服务（WMS）层、GeoJSON层、矢量层和瓦片层。通过插件支持许多其他类型的图层。

与其他Web地图库一样，由Leaflet实现的基本显示模型是一个基本地图，加上零个或多个半透明覆盖，上面显示零个或多个矢量对象。

Leaflet与OpenLayers之间可以进行比较，因为两者都是开源的，而且客户端都只有JavaScript库。与OpenLayers的230,000行相比，整个库要小得多，大约有7,000行代码（截至2015年）。[12]与OpenLayers相比，它的代码占用空间更小（大约是123KB[13]相比于423KB[14]），部分原因是它使用模块化结构。Leaflet的代码库更新，用上了JavaScript的新特性，以及HTML5和CSS3。还有，Leaflet缺乏一些OpenLayers原生支持的特性，比如Web要素服务（WFS），[15]以及EPSG:3857/4326/3395以外的各种投影方式。[16]

它还可以与私有的、封闭源代码的Google地图API（2005年推出）和Bing地图API相比较，后两者都包含了一个重要的服务器端组件，提供地址编码、路径规划、搜索等服务，并与Google地球等功能集成。谷歌地图API提供了速度和简单性，但不是灵活的，只能用于访问谷歌地图服务。不过，Google API的新DataLayer 部分确实允许显示外部数据源。[17]

• openstreetmap:leaflet
• Leaflet官网 页面存档备份，存于
• Leaflet教程 页面存档备份，存于