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

【问题标题】：Remove description bubble from embedded google maps从嵌入式谷歌地图中删除描述气泡
【发布时间】：2023-03-31 06:07:01
【问题描述】：

下面是我的谷歌地图代码，它将谷歌地图 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>

'&iwloc=near' 不再适用于新的 google api。

提前致谢

【问题讨论】：

我一直在寻找同样的东西，除非有未记录的方法，不幸的是，目前看来这是不可能的：developers.google.com/maps/documentation/embed/…

标签： html google-maps iframe embed

【解决方案1】：

使用 jQuery，我从实际版本 / place autocomplete 版本 / google maps 中删除了气泡，修改了一个原始功能：

autocomplete.addListener('place_changed', function() {

// ...函数代码，在它关闭之前

//标签我加了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库

【讨论】：

【解决方案2】：

这个答案：

Google Maps Embed - Remove Place Card

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

【讨论】：

【解决方案3】：

只需添加：

&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>

【讨论】：

我也是这么想的，但是这种方法现在已经过时了，不起作用
我也有同样的问题。任何机构都有解决方案。