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

我在网页上嵌入了谷歌地图。 我不得不使用gmail账户上的地图，因为我使用了多个位置

地图顶部有一个部分不透明的条，我想去掉它。每次加载贴图时，该条都有一个不同的（唯一的）类，因此我无法使用CSS轻松隐藏它

我甚至尝试了一些jQuery，因为之前的兄弟姐妹总是拥有

.gm style

类，所以我尝试了以下方法：

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

但那没用

有没有什么简单的方法可以让我隐藏酒吧

---

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

<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；”进行调整，以添加间距或根据实际设置值向上或向下移动间距

你不能隐藏名称所在的顶部栏，你也不能再使用top-30px，因为他们会修剪按钮部分，我想谷歌会发现的。但是您可以使用剪辑创建一个div并将iframe放在其中，给它一个id并向其添加css

 #div_id{
overflow:hidden;
    clip-path: polygon(0 10%, 100% 10%, 100% 100%, 0% 100%);
}

---

它不再是-30px，而是-46px。随着接口的发展，这些值需要调整。它不再是-46px，而是-54px。我不敢相信这个解决方案是通过css实现的，我试着用js对它进行调整，但没有运气，谢谢champ