使用 HTML 禁用 Google Maps iframe 中的 POI

Posted 2023-03-05

【中文标题】使用 HTML 禁用 Google Maps iframe 中的 POI

【英文标题】：Disable POIs in Google Maps iframe with HTML

【发布时间】：2018-06-28 10:21:53

【问题描述】：

我们正在将 Google 地图与 iframe 集成。 不幸的是，地图上显示了竞争对手的兴趣点。是否有可能在 html 中使用后缀禁用它们？

http://www.sorba.ch/kontakt

<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d10798.188248369914!2d9.3721622!3d47.4207752!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x1721878daf7af98e!2sSorba+EDV+AG!5e0!3m2!1sde!2sch!4v1507043605585" width="100%" height="450" frameborder="0" style="border:0"></iframe>

或者只有 javascript 才有可能？

【问题讨论】：

这仅适用于 Google Maps JavaScript API v3。

您也可以使用静态地图修改地图图块以删除 POI，但这不是动态的，您必须自己将“地点信息”放在上面。

【参考方案1】：

不，你不能用 HTML 做到这一点； HTML 设置应用程序的初始结构，它不会改变其行为。如果您需要更改从 Google 服务器返回的响应的行为或样式，您确实可以使用 Javascript API。您确实可以通过将它们各自的可见性设置为“关闭”来style your map to filter out businesses。这是一个快速示例，您可以建模以实现此目的：

function initialiseMap() 
      var map = new google.maps.Map(document.getElementById('map'), 

      // center the map to your business address
      // Set a marker with an InfoWindow if you like to model map in the example

      center: lat: xx.xxxxx, lng: yy.yyyy,
      zoom: zz,
      styles: [
          
          featureType: “poi.business”,
          elementType: “labels”,
          stylers: [visibility: “off”]
          
        ]
    

【讨论】：

非常感谢您的回答。你知道***上的任何例子如何集成地图的javascript或在HTML中调用它吗？或者任何关于如何在 HTML 中使用带有 Javascript 自定义的谷歌地图的教程？

如果您查看我的答案中提供的链接，这将为您提供一个很好的起点来专门解决您的问题。更广泛地说，在该文档（Google Maps JavaScript API）中，您还可以找到清晰的示例，这些示例将使您立即开始。如果我的回答对你有用，请采纳。

【参考方案2】：

感谢大家的 cmets 和帮助。 我切换到 JavaScript 设计的地图。困难但正确的方向。

谁也需要一些帮助或介绍应该访问：

https://mapkit.io/（我正在用这个很棒的工具生成基本代码）

和

https://developers.google.com/maps/documentation/javascript/examples/?hl=de