Leaflet是领先的开源JavaScript库,用于对移动端友好的交互式地图。它只有约42 KB的JS,拥有大多数开发人员所需的所有映射功能。
Leaflet的设计考虑到了简单性、性能和可用性。它在所有主要的桌面和移动平台上都能高效工作,可以通过许多插件进行扩展,有一个漂亮、易于使用且文档化良好的API和一个简单、可读的源代码,这是一个很好的贡献。
在这里,我们在“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();