leaflet怎样添加地图标记

avatar
作者
猴君
阅读量:7

要在 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/。

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!