如何在 Google Maps API v3 中检测进入和退出 streetView
How to detect enter and exit streetView in Google Maps API v3
在 API v3 下的 Google 地图中,是否有检测用户何时进入和退出 StreetView 的方法?
我想在用户进入 StreetView 时触发现有的 'Hide Menu' 功能(因为菜单不相关),然后在他们退出时重新显示菜单。
观察街景的visible_changed
-事件,visible
-属性将是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>
您必须使用 visible_changed 事件侦听器并添加一个 doAlert() 函数。这将使街景能够在进入街景和退出街景时发出警报。
在 API v3 下的 Google 地图中,是否有检测用户何时进入和退出 StreetView 的方法?
我想在用户进入 StreetView 时触发现有的 'Hide Menu' 功能(因为菜单不相关),然后在他们退出时重新显示菜单。
观察街景的visible_changed
-事件,visible
-属性将是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>
您必须使用 visible_changed 事件侦听器并添加一个 doAlert() 函数。这将使街景能够在进入街景和退出街景时发出警报。