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

Question

我有一个嵌入式 Google map ，它的 CSS top 位置已调整为隐藏顶部栏，因为它不能通过 API 禁用(至少我找不到任何引用这个)。问题在于通过偏移 map ，单击 map 标记会隐藏“返回 map ”按钮，因此您无法返回 map 。是否可以禁用点击标记来绕过这个问题？

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

内嵌框架:

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

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

Answer 1

嗯，唯一的方法(据我所知)是编辑 Google map 的实际 HTML，由于版权问题，这是非常非法的。所以，你可以只添加一个 <button>在 iframe 下方，像这样:

<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 端。我认为这行得通，但也可能行不通。