javascript - 谷歌地图 api getZoom() 缩放后

Question

小问题。

所以，我在实习期间正在使用 google map api 来完成一个小项目。

这就是我制作 map 的方式。

function initMap() {
    window.map = new google.maps.Map(document.getElementById('map'), {
      zoom: 12,
      center: {lat: 62.323907, lng: -150.109291},
      mapTypeId: google.maps.MapTypeId.SATELLITE
    });

    var bounds = new google.maps.LatLngBounds(
        new google.maps.LatLng(62.281819, -150.287132),
        new google.maps.LatLng(62.400471, -150.005608));

    // The photograph is courtesy of the U.S. Geological Survey.
    var srcImage ='https://developers.google.com/maps/documentation/javascript/';
    srcImage += 'examples/full/images/talkeetna.png';


    overlay = new USGSOverlay(bounds, srcImage, map);

  }

我遇到的问题是下一个:我想确定缩放，我尝试了以下方法:

var zoom = window.map.getZoom();
alert(zoom);

这有效!但我遇到的唯一问题是，这总是显示“12”。我想获取当前的缩放级别，在放大或缩小之后，这似乎不起作用，它总是保持显示“12”。我该如何解决这个问题？

Answer 1

为您的 map 添加“zoom_changed”监听器并获取 map 的当前缩放非常简单

代码可以是这样的

map.addListener("zoom_changed", function() {
    alert("Zoom :" + map.getZoom());
});