Leaflet 快速入门指南

在这里插入图片描述Leaflet 是用于多端适应型交互式地图的领先开源 JavaScript 库。它的大小仅为 42 KB,却拥有大多数开发人员所需的所有地图功能

Leaflet 在设计时充分考虑了简洁性、性能和可用性。它能在所有主流桌面和移动平台上高效运行,可使用大量插件进行扩展,拥有美观、易用且文档齐全的 API,以及简单、可读的源代码,让您乐于贡献自己的力量。

在这里插入图片描述

在这里,我们在 “map ”分隔符中创建一个地图,添加我们选择的磁贴,然后在弹出窗口中添加一个带有一些文本的标记:

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 CSS popup.<br> Easily customizable.')
    .openPopup();

了解更多信息,请参阅快速入门指南其他教程或直接访问 API 文档。如果您有任何疑问,请先查看常见问题

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值