温馨提示×

leaflet怎样添加地图标记

小樊
193
2024-06-18 09:37:58
栏目: 编程语言

要在 Leaflet 中添加地图标记,您需要使用 L.marker() 方法来创建一个标记对象,然后将其添加到地图中。以下是一个简单的示例代码:

// 创建一个地图对象
var map = L.map('map').setView([51.505, -0.09], 13);

// 添加一个基础的地图图层
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    maxZoom: 19
}).addTo(map);

// 创建一个标记对象并添加到地图上
var marker = L.marker([51.5, -0.09]).addTo(map);

// 添加一个弹出式标记
marker.bindPopup("<b>Hello world!</b><br>I am a popup.").openPopup();

在上面的示例中,我们首先创建了一个地图对象,并添加了一个基础的地图图层。然后,我们创建了一个标记对象并设置其位置。最后,我们将标记对象添加到地图上,并使用 bindPopup() 方法添加一个弹出式标记。

您可以根据您的需求自定义标记的样式和弹出式标记的内容。Leaflet 还提供了许多其他方法和选项,使您能够更灵活地操作地图标记。更多信息,请查阅 Leaflet 官方文档:https://leafletjs.com/。

0