单击 marker safari 时弹出窗口不会打开

Question

我正在显示来自 django 模型的位置，例如带有弹出窗口的标记：

我的查看文件

<script>
        const MAP_KEY = "{{ MAP_KEY }}";
        const added_place_json = JSON.parse('{{ added_place_json | escapejs}}');
</script>

我的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)

};

这适用于 google chrome，但不适用于 Safari。当我点击 safari 中的标记时，没有任何反应

Answer 1

这是 Leaflet 1.7.1 的一个错误，参见 Leaflet #7255

在传单的最新主版本中，它正在运行，请参阅Issue Comment

所以我建议将您的 leaflet-src 从 Leaflet Release 1.7.1 更改为 Github

上的 master 分支

Answer 2

如果出于某种原因您必须坚持使用 1.7.1 并且不需要处理 'taphold' 事件，使用 tap: false 启动地图可能会为您解决此问题。（正如这里的建议 https://github.com/Leaflet/Leaflet/issues/7331#issuecomment-742454380）

单击 marker safari 时弹出窗口不会打开

Popup does not open when clicking on marker safari

django

safari

popup

leaflet