我有一个嵌入式的谷歌地图,它的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&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&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 方面。我认为这会起作用,但可能不会。