Tengo un sitio web con un mapa con un marcador para diferentes lugares de interés. Estoy usando el siguiente código js que funciona perfectamente:
L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19, attribution: '© <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); }Pero cuando trato de agregar una ventana emergente para cada marcador con el código a continuación, todo el mapa se mueve hacia la izquierda y ya no se centra en la posición inicial definida con setView:
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(); }¿Alguna idea de lo que está pasando y la mejor manera de resolver el problema? Gracias de antemano.
Encontré la solución: el problema proviene del hecho de que las ventanas emergentes están abiertas. Usar la siguiente línea de código funciona:
marker.bindPopup("<b>mon titre"</b><br>mon texte").closePopup();