Estoy mostrando la posición del modelo django como marcador con ventana emergente:
mi archivo de vista
<script> const MAP_KEY = "{{ MAP_KEY }}"; const added_place_json = JSON.parse('{{ added_place_json | escapejs}}'); </script>mi archivo js
for (const place of added_place_json){ L.marker([place.fields.lat, place.fields.long]).bindPopup( `<div class="card" style="width: 15rem;">\n` + ` <h6 class="card-header">Name place:<br>${place.fields.name}</h6>\n` + ` <div class="card-body">\n` + ` <p class="card-text" style="overflow: scroll">Place comment:<br>${place.fields.comment}</p>\n` + ` </div>\n` + `</div>` ).addTo(map)};
Esto funciona bien en Google Chrome, pero no funciona en Safari. Cuando hago clic en el marcador en safari no pasa nada
Este es un error del Folleto 1.7.1, consulte el Folleto #7255
En la versión maestra más reciente del folleto está funcionando, consulte el comentario del problema
Por lo tanto, recomiendo cambiar su folleto-src de Leaflet Release 1.7.1 a la rama maestra en Github
Si por alguna razón tiene que apegarse a 1.7.1 y no necesita manejar el evento 'taphold', iniciar el mapa con tap: false podría resolver este problema por usted. (Como se sugiere aquí https://github.com/Leaflet/Leaflet/issues/7331#issuecomment-742454380 )