从Google Maps Embed iframe删除黑色标题

Question

请看这个例子。

http://jsfiddle.net/Lscxuyhe/

代码如下：

<iframe src="https://www.google.com/maps/d/u/0/embed?mid=zUN79N8r2n1E.kLstghIFzhKU" width="640" height="480"></iframe>

我创建了自定义的谷歌地图。现在无法从地图iframe的顶部删除黑色标题（已写无标题地图）。谷歌搜索很多。没有发现。

有什么建议么？

Answer 1

您可以使用CSS隐藏所有按钮。在隐藏的内容和所需的大小上创建一个容器div宽度溢出。将新的Google Maps iframe / embedded放在较大的内部。要定位iframe，请使用负号。

宽度为100％的示例：

<div style="width: 100%; overflow: hidden; height: 300px;">
  <iframe 
     src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d39797.07748547086!2d5.46683904751879!3d51.433965676849986!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c6d90575ca5e3d%3A0x55989f5f344b006!2sPrins+Hendrikstraat+5!5e0!3m2!1snl!2snl!4v1392716144537"
     width="100%"
     height="600"
     frameborder="0"
     style="border:0; margin-top: -150px;">
  </iframe>
</div>

将iframe设置为比容器div高300px。下方隐藏150像素，上方隐藏150像素。要将这150个隐藏在iframe的顶部，请使用：

页边距：-150px;

Answer 2

根据文档，您会使用frameborder="0" style="border:0"，但这似乎不适用于您的地图。一个花哨的替代方案是稍微延长地图的高度并用一些 CSS 覆盖边框。