Leaflet

一个开源的 JavaScript 库
用于移动友好的交互式地图

Leaflet 教程

这里的每个教程都附带逐步的代码解释,即使对于初学者 JavaScript 开发人员也很容易理解。


Leaflet 快速入门指南

一个简单的分步指南,将快速帮助您开始使用 Leaflet 基础知识,包括在页面上设置 Leaflet 地图(使用 OpenStreetMap 瓦片)、处理标记、折线和弹出窗口以及处理事件。


Leaflet 在移动设备上

在本教程中,您将学习如何创建一个针对移动设备(如 iPhone、iPad 或 Android 手机)调整的全屏地图,以及如何轻松检测和使用当前用户位置。


带有自定义图标的标记

在本教程中,您将学习如何轻松定义自己的图标,供您在地图上放置的标记使用。


无障碍地图

关于 Leaflet 基本无障碍性的指南 - 使您的地图可供各种能力的人使用。


使用 GeoJSON 与 Leaflet

在本教程中,您将学习如何创建和交互来自 GeoJSON 对象的地图矢量。


交互式克里吉地图

创建使用 GeoJSON 和一些自定义控件的美国州人口密度的彩色交互式 克里吉地图 的案例研究。新闻网站会喜欢这个。


图层组和图层控制

有关如何管理图层组和使用图层切换控制的教程。


缩放级别

深入了解缩放级别的含义。


非地理地图

关于 L.CRS.Simple 的入门介绍,如何制作没有“纬度”或“经度”概念的地图。


WMS 和 TMS

如何与来自专业 GIS 软件的 WMS 和 TMS 服务集成。


使用地图面板

默认地图面板如何工作以在瓦片之上显示叠加层,以及如何覆盖它。


叠加层:图像、视频、SVG

Leaflet 可以帮助您在地图上的某个位置显示图像、视频和 SVG 元素。


以下教程介绍如何为 Leaflet 创建插件,并且仅适用于具有 JavaScript 经验的开发人员


扩展 Leaflet:类理论

概述 Leaflet 的类、类继承和约定。


扩展 Leaflet:图层

如何扩展图层或创建新图层,使用特定入口点来完成此操作。


扩展 Leaflet:处理程序和控件

如何扩展或创建非图层。