Question

请看一下这个例子。

代码如下所示：

<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地图iframe /嵌入内部放置一个bigrsize。要定位地图，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。 150px隐藏在下方，150px隐藏在顶部。要隐藏iframe顶部的150，请使用：

margin-top：-150px;

Answer 2

这足以增加负利润率 - - px;将你的iframe作为内联CSS

<iframe src="https://www.google.com/maps/d/embed?mid=xxxxxxxx" 
width="100%" 
height="500"  
style="margin-top: -46px;">
</iframe>

这会将整个地图在iframe中向上移动-46px，这是我丑陋的gmaps顶部边框的高度...

您还可以在CSS文件中使用该iframe和其他CSS

工作示例

<iframe src="https://www.google.com/maps/d/embed?mid=1y4xAXW83GJO9OfXK1oDwAfqYDZQKIVBH" width="100%" height="500"  frameborder="0" style="border:0; margin-top: -55px;"></iframe>

Answer 3

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

从Google Maps Embed Iframe中删除黑色标题

3 个答案: