Question

下面是我的谷歌地图代码，它将谷歌地图iframe嵌入我的网站。但是，我需要知道代码的哪一部分摆脱了描述气泡，因为它在路上并且看起来很糟糕。

<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.uk/maps/embed/v1/vie?f=q&amp;source=s_q&amp;hl=en&amp;geocode=Fef8HgMdTF8HACGtndVv4fvEAykHADl3VT_YRzGtndVv4fvEAw%3BFf-gHwMdtnoIACG4YnecgIb83ykH1S7ttDnYRzG4YnecgIb83w&amp;q=mildenhall+to+raf+lakenheath&amp;aq=&amp;sll=52.387544,0.494041&amp;sspn=0.099739,0.244446&amp;ie=UTF8&amp;ll=52.378862,0.524008&amp;spn=0.035347,0.068778&amp;t=m&amp;saddr=mildenhall&amp;daddr=raf+lakenheath&amp;output=embed/v1/view"></iframe>

'＆amp; iwloc = near'不再适用于新的google api。

提前致谢

Answer 1

这个答案：

Google Maps Embed - Remove Place Card

有一种方法可以使用带有溢出的容器div：隐藏和iframe上的负边距来切断包含描述气泡的顶部。

Answer 2

只需添加：

&iwloc=near  in iframe src

像这样使用：

<iframe width="400" scrolling="no" height="300" frameborder="0" src="https://maps.google.co.uk/maps?hl=en&q=so21+1aj&z=10&output=embed&iwloc=near" marginwidth="0" marginheight="0"></iframe>

Answer 3

使用jQuery我从/ 地方自动完成版本/谷歌地图的实际版本中移除了气泡，修改了一个原始功能：

autocomplete.addListener（＆＃39; place_changed＆＃39;，function（）{

// ...功能代码，在它关闭之前

// tag我添加了3行：//

      $("div[class='gm-style-iw']").prev('div').remove(); // bubble
      $("div[class='gm-style-iw']").next('div').remove();  // close button
      $("div[class='gm-style-iw']").remove(); // text

}）;

还需要附加jQuery库

从嵌入式谷歌地图中删除描述气泡

3 个答案: