jquery - 在嵌入式谷歌地图中隐藏顶部栏

Question

我在网页上嵌入了 Google map 。我必须使用附加到 gmail 帐户的 map ，因为我使用多个位置。

map 顶部有一个部分不透明的条，我想去掉它。每次加载 map 时，栏都有一个不同的(唯一的)类，所以我不能轻易地使用 CSS 隐藏它。

我什至尝试了一些 jQuery，因为它之前的兄弟总是有 .gm-style 的类，所以我尝试了这个:

    $(function() {
        // hide google title bar on map
        setTimeout(function(){
                $(".gm-style").next().hide();                       
        },5000);                
    });             

但这没有用。

我是否缺少隐藏该栏的简单方法？

Answer 1

您无法隐藏工具栏。但是您可以使用下面的代码通过调整可以查看的高度和宽度来使其消失。

<div style="height:160px; border:2px solid #eee; display:inline-block; overflow:hidden;">
<iframe style="position:relative; top:-30px; border:none;" 
      src=" Source to the map " 
      width="What Ever Width" height="What ever height"></iframe>
</div>

您可以调整“top:-30px;”以增加间距或根据实际设置值向上或向下移动它。