| layout | title | bodyclass |
|---|---|---|
v2 |
Tutorials |
examples |
这里的每个教程都包含详细的代码说明，所以即使对于初学JavaScript的开发人员来说也很容易.
{% include tutorial_link.html page="quick-start/" thumbnail="quick-start/thumbnail.png" title="Leaflet 快速入门指南" description="一个简单的快速入门指南，可帮助您快速入门Leaflet基础知识，包括在页面上设置Leaflet地图（带有Mapbox磁贴），使用标记，折线和弹出窗口以及处理事件。" %}
{% include tutorial_link.html page="mobile/" thumbnail="mobile/thumbnail.png" title="Leaflet 在手机上使用" description="在本教程中，您将学习如何创建针对iPhone，iPad或Android手机等移动设备调整的全屏地图，以及如何轻松检测和使用当前用户位置。" %}
{% include tutorial_link.html page="custom-icons/" thumbnail="custom-icons/thumbnail.png" title="Markers 自定义图标" description="在这个完美的教程中，您将学习如何轻松定义自己的图标，以供您在地图上进行标记使用。" %}
{% include tutorial_link.html page="geojson/" thumbnail="geojson/thumbnail.png" title="在 Leaflet 中使用 GeoJSON" description="在本教程中，您将学习如何创建和与从GeoJSON对象创建的地图矢量进行交互。" %}
{% include tutorial_link.html page="choropleth/" thumbnail="choropleth/thumbnail.png" title="互动式choropleth地图" description="以GeoJSON和一些自定义控件创建彩色的美国人口密度交互式choropleth地图的案例研究。 新闻网站会喜欢这一点。" %}
{% include tutorial_link.html page="layers-control/" thumbnail="layers-control/thumbnail.png" title="Layer Groups 和 Layers Control" description="有关如何管理图层组和使用图层切换控件的教程。" %}
{% include tutorial_link.html page="zoom-levels/" thumbnail="zoom-levels/thumbnail.png" title="Zoom levels 缩放比例" description="更深入地了解地图的缩放比例。" %}
{% include tutorial_link.html page="crs-simple/crs-simple.html" thumbnail="crs-simple/thumbnail.png" title="Non-geographical maps" description="L.CRS.简单入门，介绍如何制作没有“纬度”或“经度”概念的地图" %}
{% include tutorial_link.html page="wms/wms.html" thumbnail="wms/thumbnail.png" title="WMS and TMS" description="如何与专业GIS软件的WMS和TMS服务集成。" %}
{% include tutorial_link.html page="map-panes/" thumbnail="map-panes/thumbnail.png" title="Working with map panes" description="默认地图窗格如何在图块顶部显示叠加层，以及如何覆盖它。" %}
{% include tutorial_link.html page="video-overlay/" thumbnail="video-overlay/thumbnail.gif" title="显示视频文件" description="Leaflet 可以帮助您在地图上的某处显示视频。" %}
以下教程介绍了如何为Leaflet创建插件，仅适用于具有JavaScript经验的开发人员：
{% include tutorial_link.html page="extending/extending-1-classes.html" thumbnail="extending/thumbnail-1.png" title="扩展 Leaflet: Class Theory" description="Leaflet的类、类继承和约定的概述。" %}
{% include tutorial_link.html page="extending/extending-2-layers.html" thumbnail="extending/thumbnail-2.png" title="扩展 Leaflet: Layers" description="如何使用特定的入口点来扩展图层或创建新的图层。" %}
{% include tutorial_link.html page="extending/extending-3-controls.html" thumbnail="extending/thumbnail-3.png" title="扩展 Leaflet: Handlers and Controls" description="如何扩展或创建non-layers。" %}