Leaflet 是一个开源并且对移动端友好的交互式地图 JavaScript 库。 它大小仅仅只有 39 KB, 并且拥有绝大部分开发者所需要的所有地图特性 。
Leaflet 简单、高效并且易用。 它可以高效的运行在桌面和移动平台, 拥有着大量的 扩展插件、 优秀的文档、简单易用的 API 和完善的案例, 以及可读性较好的 源码 。
在这里,我们在 id 为 map
的 div 中创建一个地图, 选择瓦片数据源, 添加一个标记点并且在弹出层上显示一些文本:
var map = L.map('map').setView([51.505, -0.09], 13);
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: '© <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(map);
L.marker([51.5, -0.09]).addTo(map)
.bindPopup('A pretty CSS3 popup.<br> Easily customizable.')
.openPopup();
通过 快速入门指南, 查看 其它教程, 或者访问 API 文档了解更多信息。 如有任何疑问, 请先查看 FAQ。
Leaflet 并不会试图为每个人做完所有的事情。相反,它更专注于让基本的东西完美地工作。
EPSG:3857/4326/3395
开箱即用)如果您发现 Leaflet 中确实缺少某些功能, 请首先检查是否有相关功能的 插件 或者它是否已经在 GitHub issues 讨论过。 如果都没有, 请提交一个新的 GitHub issue。
让我们一起创建一个世界上最好的地图库吧! Leaflet 虽然最早由 Vladimir Agafonkin 创建, 但现在由一个大型贡献者社区共同开发. 始终欢迎大家踊跃提交 PR。 除此之外, 还有更多方法可以参与 Leaflet 的开发。
你可以帮忙发现并提交 BUG、完善文档、 在 Stack Overflow、GIS Stack Exchange 和 GitHub issues 上帮助他人、 发推特 @LeafletJS 或者以及在同事和朋友中推广 Leaflet 来帮助该项目。
欢迎查看贡献指南,了解更多参与 Leaflet 开发的信息。