Leaflet.js 入门指南

Leaflet 是一个现代、轻量级的开源 JavaScript 库，用于构建对移动设备友好的交互式地图。它专注简洁 API 与可组合插件生态，非常适合快速上线 WebGIS 原型与生产站点。

为什么选择 Leaflet？

与重量级 GIS 套件相比，Leaflet 默认包体小、学习曲线平缓；同时仍支持瓦片图层、矢量叠加、弹窗与控件扩展。你可以按需引入插件完成测距、绘制、热力等能力，而不会被框架绑定在特定数据格式上。

创建第一个地图

在页面中引入 Leaflet 的 CSS 与 JS 后，通过 L.map 初始化地图容器，再使用 L.tileLayer 添加底图瓦片。记得为地图容器设置明确高度，否则地图区域可能不可见。

接下来可以叠加 L.geoJSON 展示矢量数据，或使用 L.marker 添加交互点。建议将业务数据与样式解耦：数据来自接口或静态文件，样式与交互集中在单独的模块中维护，便于测试与迭代。