谷歌地图嵌入 - 删除地方卡

Question

我正在使用新的Google地图嵌入代码(iFrame)向我的网站添加一个小地图,但我无法隐藏左上角的新地址框(见下图).

我通过单击"共享和嵌入地图"选项生成地图代码(请参见下图),但我想知道是否需要使用完整的API来实现此目的.

到目前为止我发现的所有资源都只讨论旧的嵌入版本并禁用了不同的信息气球,我得到的唯一线索是该框的HTML类称为"地方卡"但搜索仍然没有带给我什么.

任何帮助或正确方向的点将非常感激.

Answer 1

您可以使用css隐藏所有按钮.在隐藏和所需大小上创建容器div宽度溢出.将新的Google地图iframe /嵌入内部放置一个bigrsize.要定位地图iframe使用负面的marges ..

宽度为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;