CODEWITHSUNDEEP
javascriptgoogle-mapsgoogle-maps-api-3
user4086096
user4086096

Reputation:

google maps api getZoom() after zooming

Small problem.

So, i'm working with the google maps api for a small project at my internship.

This is how I make my 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);

  }

The problem I have is the next: I want to determine the zoom, I tried this with:

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

This works! But the only problem I have, this always shows me '12'. And I want to get the current zoom level, after zooming in or out and that doesn't seem to work, it always keeps displaying '12'. How can I fix this?

Upvotes: 0

Views: 2218

Answers (1)

Vijaykrish93
Vijaykrish93

Reputation: 150

It is quite simple add a "zoom_changed" listener for your map and get the current zoom of the map

The code can be like

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

Upvotes: 2

Related Questions