如何通过 Leaflet 中的弹出窗口解决此问题

Question

我有一个网站，其中包含一个 map 和不同景点的标记。 我正在使用下面完美运行的 js 代码：

L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
maxZoom: 19,
attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
}).addTo(mymap);
        
//.  t is an array containing gps positions of the different places
for(i=0;i<t.length;i++){
    var marker = L.marker([t[i][lat], t[i][lon]]).addTo(mymap);
}

但是当我尝试使用下面的代码为每个标记添加一个弹出窗口时，整个 map 被移到左侧，并且不再以 setView 定义的初始 position 为中心：

for(i=0;i<t.length;i++){
    var marker = L.marker([t[i][lat], t[i][lon]]).addTo(mymap);
    marker.bindPopup("<b>mon titre"</b><br>mon texte").openPopup();
}

知道发生了什么以及解决问题的最佳方法吗？ 先感谢您。

Answer 1

我找到了解决方案：问题在于弹出窗口是打开的。 使用以下代码行有效：

marker.bindPopup("<b>mon titre"</b><br>mon texte").closePopup();