leaflet 批量添加mark

leaflet 是一个流行的 JavaScript 库，可用于在 Web 上制作互动地图。 在地图上添加标记是一个重要的功能，通常需要人工逐一添加，但是如果需要批量添加大量标记，可能会耗费大量时间和精力。 在这种情况下，我们可以利用 leaflet 提供的工具来批量添加标记，以提高效率。

一种简单的方法是使用循环来遍历目标点，然后在循环内添加标记。我们可以将要添加的标记信息存储在一个对象数组中，然后使用 forEach 循环方法遍历这个数组并添加标记。 在遍历的每个循环中，我们可以使用 L.marker() 方法在地图上添加新的标记，如下：

var map = L.map('map');
var markers = [
  {lat: 39.906142, lng: 116.391055, title: 'Marker 1'},
  {lat: 40.006142, lng: 116.491055, title: 'Marker 2'},
  {lat: 40.106142, lng: 116.591055, title: 'Marker 3'},
  {lat: 40.206142, lng: 116.691055, title: 'Marker 4'}
];
markers.forEach(function(marker) {
    L.marker([marker.lat, marker.lng]).addTo(map)
        .bindPopup(marker.title);
});

这个例子中，我们定义了一个地图实例并且定义了一个包含四个标记信息的数组，每个标记都有经纬度和标题。 然后我们使用 forEach 方法遍历这个数组并依次添加标记到地图中。 绑定弹出框提示信息通过 bindPopup 方法实现。

批量添加标记的方法不仅可以提高效率，还可以使我们的代码更优雅。在实际应用中，我们可以通过读取数据库、文件或其他数据源的方式加载需要添加的标记，然后通过类似的方法进行批量添加。