缩放后谷歌地图api getZoom()

时间:2016-03-01 09:53:09

标签: javascript google-maps google-maps-api-3

小问题。

所以,我正在使用谷歌地图api为我的实习项目做一个小项目。

这就是我制作地图的方式。

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”。我该如何解决这个问题?

1 个答案:

答案 0 :(得分:2)

为地图添加“zoom_changed”侦听器并获取地图的当前缩放非常简单

代码可以像

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