禁用在嵌入式谷歌地图中的标记点击

Disable click on markers in embedded Google map

本文关键字：嵌入式 谷歌地图      更新时间：2023-09-26

我有一个嵌入式的谷歌地图，它的CSS top位置调整为隐藏顶部栏，因为它不能通过API禁用（至少我找不到任何对此的引用）。问题在于，通过偏移地图，单击地图标记会隐藏"返回地图"按钮，因此您无法返回地图。是否可以禁用单击标记以绕过此问题？

原始地图：https://www.google.com/maps/d/u/0/viewer?mid=z5HTkcVjHLGw.k95PWTPXBYQ8

iframe：

<iframe src="//www.google.com/maps/d/embed?mid=z5HTkcVjHLGw.k95PWTPXBYQ8&amp;z=6" width="300" height="240"></iframe>

演示 https://jsfiddle.net/91123ao1/1/

嗯，唯一的方法（我知道）是编辑谷歌地图的实际 HTML，这是非常非法的，因为版权问题。因此，您可以在 iframe 下方添加一个<button>，如下所示： 

<div id = "map">
    <iframe src="//www.google.com/maps/d/embed?mid=z5HTkcVjHLGw.k95PWTPXBYQ8&amp;z=6" width="300" height="240"></iframe>
</div>
<br>
<button onclick = "backToMap()">Back to map</button>

对于 HTML 端，以及 

function backToMap() {
    window.location = "https://jsfiddle.net/91123ao1/1/#map"
}

对于 JavaScript 方面。我认为这会起作用，但可能不会。

相关文章：