禁用点击嵌入式Google地图中的标记

时间:2016-04-26 13:52:08

标签: javascript css google-maps google-maps-api-3

我有一个嵌入式Google地图,其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/

1 个答案:

答案 0 :(得分:1)

嗯,这样做的唯一方法(据我所知)是编辑谷歌地图的实际HTML,这是非常非法的,因为版权问题。因此,您只需在iframe下方添加<a href>Some JavaScript Handler</a>,就像这样:

<button>

对于HTML方面和

<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>

对于JavaScript方面。我认为这样可行,但可能不会。