2013-04-29 35 views
3

如何在通过鼠标滚轮或缩放栏更改后在Google地图中获取缩放尺寸?在Google Map API上获取放大尺寸

我在JavaScript中使用Google Map API 3。

我想显示在console.log()随着每一个变化。

回答

11

简单。 As per docs

google.maps.event.addListener(map, 'zoom_changed', function() { 
    var z = map.getZoom(); 
    console.log(z); 
}); 

这里的a great utility,显示所有的事件,因为他们开火。

3

map.getZoom()

它在the docs!

+0

谢谢,但这种方法只是第一次返回缩放,并用鼠标滚轮更改后,此方法无法返回缩放值:-( – MajAfy 2013-04-29 06:03:07

+0

@MajAfy啊,所以你想听用户何时更改缩放?检查出正如其他答案中提到的'zoom_changed'事件。 – 2013-04-29 06:05:23

3

您可以使用ZOOM_CHANGED事件这个..

check this link

+1

@MajAfy,请查看此链接https://developers.google.com/maps/documentation/javascript/events – 2013-04-29 06:11:57

+0

虽然此链接可能回答此问题,但最好是在这里包含答案的重要部分,并提供参考链接。如果链接页面更改,仅链接答案可能会失效。 – 2014-05-26 08:07:40

1

你必须保持一个div,会告诉我有地图( 'map_canvas提供')。

var map = new google.maps.Map(document.getElementById('map_canvas'), { 
     disableDefaultUI : true, 
     zoom : 12, 
     center : new google.maps.LatLng(17.1312321,78.23123123), 
     mapTypeId : google.maps.MapTypeId.ROADMAP 
    }); 



google.maps.event.addListener(map, 'zoom_changed',function() { 
console.log(map.getZoom()); 
});