使用 HTML 禁用 Google Maps iframe 中的 POI答案

【问题标题】：Disable POIs in Google Maps iframe with HTML使用 HTML 禁用 Google Maps iframe 中的 POI
【发布时间】：2018-06-28 10:21:53
【问题描述】：

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

http://www.sorba.ch/kontakt

&lt;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"&gt;&lt;/iframe&gt;

或者只有 JavaScript 才有可能？

【问题讨论】：

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

标签： html google-maps iframe

【解决方案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”}]
          }
        ]
    }

【讨论】：

非常感谢您的回答。你知道stackoverflow上的任何例子如何集成地图的javascript或在HTML中调用它吗？或者任何关于如何在 HTML 中使用带有 Javascript 自定义的谷歌地图的教程？
如果您查看我的答案中提供的链接，这将为您提供一个很好的起点来专门解决您的问题。更广泛地说，在该文档（Google Maps JavaScript API）中，您还可以找到清晰的示例，这些示例将使您立即开始。如果我的回答对你有用，请采纳。

【解决方案2】：

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

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

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

和

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

【讨论】：