css - 如何删除谷歌地图标题？

Question

我已经通过 google maps 创建了我的 google maps，我已经嵌入到我的网站中，不幸的是它显示了一个我不想显示的标题。

这里是 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 中的元素和样式。简单的 hack 是将包装器设置为 overflow:hidden 并将 iframe 向上移动一点以使 header 不可见。

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