Leaflet 基於點擊事件的多個彈出窗口

Question

我正在嘗試通過單擊折線來打開多個 (5) 彈出窗口。 看來我只能使用 clickevent 打開其中一個彈出窗口/照片。 是否可以通過單擊 Leaflet 中的折線來打開 5 個彈出窗口？

function getPhotos(res) {
  const photo_link = `https://www.strava.com/api/v3/activities/number/photos?photo_sources=true&access_token=hidden&size=1000`;
  fetch(photo_link)
    .then((res) => res.json())
    .then(function (data) {
      for (var x = 0; x < data.length; x++) {
        var images = data[x].urls["1000"];
        console.log(images);
        var lat = data[x].location[0];
        var lng = data[x].location[1];
        var latlng = { lat, lng };
        console.log(latlng);
        L.polyline(coordinates, {
          color: "red",
          weight: 3,
        })
          .on("click", function (e) {
            L.popup({ autoPan: false })
              .setContent("<img src='" + images + "' width='160'/>")
              .setLatLng(latlng)
              .openOn(map);
          })

          .addTo(map);
      }
    });
}
getPhotos();

Answer 1

var layer= new L.popup({ autoPan: false, autoClose: false })

                                .setContent("<img src='" + images + "' width='160'/>")
                                .setLatLng(latlng)
                            map.addLayer(layer)