Leaflet地图工具

桃根仙

于 2023-10-31 13:56:59 发布

阅读量206

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/taotaobaobei/article/details/134138830

版权

2023 年 5 月 18 日 — Leaflet 1.9.4 正式发布!

Leaflet 是一个开源并且对移动端友好的交互式地图 JavaScript 库。它大小仅仅只有 42 KB of JS, 并且拥有绝大部分开发者所需要的所有地图特性。

Leaflet 简单、高效并且易用。它可以高效的运行在桌面和移动平台, 拥有着大量的扩展插件、优秀的文档、简单易用的 API 和完善的案例, 以及可读性较好的源码。

+−

Leaflet | © OpenStreetMap contributors

在这里,我们在 id 为 map 的 div 中创建一个地图, 选择瓦片数据源, 添加一个标记点并且在弹出层上显示一些文本:

var map = L.map('map').setView([51.505, -0.09], 13);

L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <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。