如何删除 google 地图 header？

Question

我已经通过 google 地图创建了我的 google 地图，我已经嵌入到我的网站，不幸的是它显示了我不想显示的 header。

hereL jsfiddle：http://jsfiddle.net/Lmenr28z/

代码如下：

<section class="map">
            <iframe src="https://www.google.com/maps/d/u/1/embed?mid=11YLE4clSoswTweX22iXJALsg-GJkDc7s" width="100%" height="480"></iframe>
    </section>

我试过使用css

隐藏

.i4ewOd-pzNkMb-haAclf{
    display: none !important;
}

Answer 1

我更新了你的fiddle：http://jsfiddle.net/Lmenr28z/2/

这里的问题是您无法访问 iframe 中的元素和样式。简单的技巧是将包装器设置为 overflow:hidden 并将 iframe 向上移动一点以使 header 不可见。

section.map {
  width:100%;
  height:100%;
  overflow:hidden;
}
iframe {
  margin-top:-50px;
}