【问题标题】:How to fully disable streetview from google maps如何从谷歌地图完全禁用街景
【发布时间】:2015-08-27 00:21:36
【问题描述】:

我已经像这样禁用了街景控件:

var mapOptions = {
  zoom: 16,
  center: myCenter,
  streetViewControl:false
};
var map = new google.maps.Map(
  document.getElementById("map"),
  mapOptions
);

如果您单击带有全景图像/街景链接的兴趣点,然后单击该图像,您将再次进入街景模式。

我想保留我的兴趣点,但我想禁止地图进入街景模式。这可能吗?

解决方案

使用下面的答案,我添加了更多项目:

.gm-rev, .gm-sv-label{display:none;}
.gm-iw, .gm-sm, .gm-wsv{pointer-events:none;}

【问题讨论】:

  • 您可以接受 POI 不可点击吗?如果是这样,您可以将多边形放在 POI 上以阻止它们被点击。这是 geocodezip.com/… 的 geocodezip 示例
  • @verma +1 表示独创性,但不幸的是,这让我不得不掩盖整个 POI 世界。在本地化地图上,这可能有效,但我正在处理我的几个州。

标签: google-maps google-maps-api-3 google-street-view


【解决方案1】:

2 个可能的选项(可能还有更多):

  1. 防止街景成为visible

     google.maps.event.addListener(map.getStreetView(), 'visible_changed', function(){
      if(this.getVisible()){this.setVisible(false)}
     });
    
  2. 尝试使信息窗口中的街景链接不可点击

    .gm-sv-label{display:none;}
    .gm-wsv{pointer-events:none;}
    

我建议同时使用这两个选项,因为第二个选项将来可能会失败(类名可能会改变)

【讨论】:

  • 根据您的想法,我使所有内容不可见,并隐藏了一些项目。 .gm-rev, .gm-sv-label{display:none;} .gm-iw, .gm-sm, .gm-wsv{pointer-events:none;}
猜你喜欢
  • 2021-10-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2013-04-04
  • 2015-10-09
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多