Leaflet
Leaflet 是最著名的前端地图可视化库，开源、体积小、结构清晰、简单易用，适用于快速构建交互式地图应用。它支持多种地图底图、图层叠加、标记、弹出框等常见功能，插件生态丰富，是 WebGIS 开发的入门首选。
Leaflet 是一个开源的 JavaScript 库，用于构建移动端友好的交互式地图应用。由 Vladimir Agafonkin 于 2011 年创建，目前由社区维护。作为最流行的前端地图可视化库之一，Leaflet 以其轻量、易用和可扩展性著称，被广泛应用于数据可视化、位置服务、地理教学等领域。
背景
在 Leaflet 出现之前，Web 地图开发主要依赖 Google Maps API、OpenLayers 等重量级库，学习曲线陡峭且体积庞大。Leaflet 的设计目标是提供一种简单、高效、可扩展的解决方案，让开发者能够快速构建功能丰富的地图应用。它采用了模块化设计，核心库仅包含基本的地图渲染、图层管理和交互功能，而高级功能（如热力图、轨迹动画、编辑工具等）则通过插件实现。核心功能
Leaflet 的核心功能包括：- 地图渲染：支持瓦片地图（TileLayer）、WMS、WMTS、GeoJSON、KML 等多种数据源。
- 图层管理：支持叠加图层、分组图层、图层控制控件。
- 交互操作：拖拽、缩放、双击放大、滚轮缩放等。
- 标记与弹出框：支持自定义图标、弹出框（Popup）和工具提示（Tooltip）。
- 事件系统：提供丰富的地图、图层、控件事件，便于扩展。
- 移动端适配：支持触摸事件、手势缩放、高 DPI 显示。
技术特色
- 轻量级：压缩后仅约 40KB，加载速度快。
- 易用性：API 设计简洁直观，文档详尽，入门门槛低。
- 插件生态：官方和社区提供了数百个插件，覆盖热力图、轨迹动画、编辑工具、测距、聚类等场景。
- 跨平台：支持所有现代浏览器和移动设备。
- 可扩展性：通过继承和插件机制，可以轻松扩展自定义功能。
应用场景
- 数据可视化：结合 D3.js、ECharts 等库，在地图上展示统计图表、热力图、轨迹等。
- 位置服务：构建门店地图、物流追踪、实时位置共享等应用。
- 地理教学：用于展示地理要素、历史地图、气象数据等。
- 科研与开源项目：作为前端地图组件，嵌入到各类 Web 应用中。