如何在Google Maps API v3中检测进入和退出streetView

Question

有没有办法检测用户何时在API v3下进入和退出Google地图中的StreetView？

我想在用户进入StreetView时触发现有的"隐藏菜单"功能(因为菜单不相关),然后在退出时重新显示菜单.

Answer 1

观察visible_changedstreetView 的-event,visible-property将是true或false(打开或关闭)

      function initialize() {
        var mapOptions = {
          center: new google.maps.LatLng(52.5498783, 13.425209),
          zoom: 8
        };
        var map = new google.maps.Map(document.getElementById("map-canvas"),
            mapOptions);
        google.maps.event.addListener(map.getStreetView(),'visible_changed',function(){
           alert('streetview is ' +(this.getVisible()?'open':'closed'));
        });
      }
      google.maps.event.addDomListener(window, 'load', initialize);

      html,body,#map-canvas { height: 100%; margin: 0; padding: 0; }

<script src="https://maps.googleapis.com/maps/api/js?v=3&.js"></script>
<div id="map-canvas"></div>