leaflet 多个marker绑定点击事件
时间: 2024-01-18 15:03:55 浏览: 202
要为多个 marker 绑定点击事件,可以使用循环来遍历 marker,并为每个 marker 绑定事件。以下是一个示例:
```javascript
// 创建地图
var map = L.map('map').setView([51.505, -0.09], 13);
// 创建 marker
var marker1 = L.marker([51.5, -0.09]).addTo(map);
var marker2 = L.marker([51.6, -0.1]).addTo(map);
var marker3 = L.marker([51.7, -0.11]).addTo(map);
// 创建点击事件函数
function onMarkerClick(e) {
console.log(e.target.getLatLng()); // 显示 marker 坐标
}
// 遍历 marker 并为每个 marker 绑定点击事件
var markers = [marker1, marker2, marker3];
for (var i = 0; i < markers.length; i++) {
markers[i].on('click', onMarkerClick);
}
```
在上面的示例中,我们首先创建了三个 marker,并将它们添加到地图上。然后,我们定义了一个名为 `onMarkerClick` 的点击事件处理程序函数,该函数在点击 marker 时被调用。最后,我们使用循环遍历 marker 数组,并为每个 marker 绑定点击事件,以便在点击任何一个 marker 时都会触发 `onMarkerClick` 函数。
阅读全文