将Google地图嵌入网站

时间:2014-07-01 17:19:38

标签: google-maps maps

我试图通过使用Maps Engine Lite将Google地图嵌入我的网站来显示特定位置。但是我在地图顶部得到了黑条(文字无标题地图,如下所示),我需要摆脱它。任何想法如何继续这个 -

enter image description here

1 个答案:

答案 0 :(得分:4)

没有实现隐藏栏的选项,但可以通过CSS完成。

示例假设所需的iframe大小为580x160

<div style="height:160px;display:inline-block;overflow:hidden;border:1px solid #000">
  <iframe style="position:relative;top:-27px; border:none;" 
          src="/path/to/embedmap" 
          width="580" height="187"></iframe>
</div>

iframe被包裹在一个高度设置为所需高度的div中。 iframe的高度设置为所需的高度+ 27px。通过top:-27px;,iframe将向上移动27px,条形图消失。