ansaurus

Question

Google Maps Api v3 - getBounds is undefined

Answer 1

+4 A:

In the early days of the v3 API, the getBounds() method required the map tiles to have finished loading for it to return correct results. However now it seems that you can listen to bounds_changed event, which is fired even before the tilesloaded event:

<!DOCTYPE html>
<html> 
<head> 
   <meta http-equiv="content-type" content="text/html; charset=UTF-8"/> 
   <title>Google Maps v3 - getBounds is undefined</title> 
   <script src="http://maps.google.com/maps/api/js?sensor=false" 
           type="text/javascript"></script> 
</head> 
<body> 
   <div id="map" style="width: 500px; height: 350px;"></div> 

   <script type="text/javascript"> 
      var map = new google.maps.Map(document.getElementById("map"), {
         zoom: 12,
         center: new google.maps.LatLng(55.755327, 37.622166),
         mapTypeId: google.maps.MapTypeId.ROADMAP
      });

      google.maps.event.addListener(map, 'bounds_changed', function() {
         alert(map.getBounds());
      });
   </script> 
</body> 
</html>

Daniel Vassallo 2010-05-14 09:20:02

That is exactly what I need! thanks =). It solved my problem.

Via Lactea 2010-06-04 05:50:17

@Via: Glad it worked for you... You may want to mark the answer as accepted by clicking on the green tick next to the answer, if you think it was helpful.

Daniel Vassallo 2010-06-04 05:57:47

Answer 2

+2 A:

It should be working, atleast according to the documentation for getBounds(). Nevertheless:

var gMap;
$(document).ready(function() {
    var latlng = new google.maps.LatLng(55.755327, 37.622166);
    var myOptions = {
        zoom: 12,
        center: latlng,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    gMap = new google.maps.Map(document.getElementById("GoogleMapControl"), myOptions);
    google.maps.event.addListenerOnce(gMap, 'idle', function(){
        alert(this.getBounds());
    });
});

See it working here.

Salman A 2010-05-14 09:27:33

Thank you for this link, realy good test system

Via Lactea 2010-06-04 05:50:35

This should be the accepted answer. idle is being called way earlier than having to wait for all the tiles to be loaded.

treznik 2010-10-25 00:05:13

@treznik: How did you determine that the `idle` event is fired before the `tilesloaded` event? For me, the `tilesloaded` event constantly fires before the `idle` event.

Daniel Vassallo 2010-10-25 00:18:45

Answer 3

+1 A:

I was saying Salaman's solution is better because the idle event is called earlier than the tilesloaded one, since it waits for all the tiles to be loaded. But on a closer look, it seems bounds_changed is called even earlier and it also makes more sense, since you're looking for the bounds, right? :)

So my solution would be:

google.maps.event.addListenerOnce(gMap, 'bounds_changed', function(){
    alert(this.getBounds());
});

treznik 2010-10-25 00:11:54

@treznik: When this question was asked, `bounds_changed` would not have worked, as `getBounds()` required the tiles to be loaded. +1 for suggesting it. I'll update my answer.

Daniel Vassallo 2010-10-25 00:22:14

ansaurus

tags:

views:

answers:

Google Maps Api v3 - getBounds is undefined

related questions