Google Maps Api v3 – getBounds is undefined

by

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>

More Related Contents:

  1. Google Maps JS API v3 – Simple Multiple Marker Example
  2. Google Maps API v3: How to remove all markers?
  3. How do I limit panning in Google maps API V3?
  4. Google maps Places API V3 autocomplete – select first option on enter
  5. Google Map API v3 — set bounds and center
  6. How to call fromLatLngToDivPixel in Google Maps API V3?
  7. Google Maps JavaScript API RefererNotAllowedMapError
  8. Google Maps API – Getting closest points to zipcode
  9. Google Map API – multiple icons in wrong spot
  10. What’s the API Key for in Google Maps API V3?
  11. google maps move marker with lat/lng from ajax success returned data
  12. Google Maps API v3: Can I setZoom after fitBounds?
  13. How to set zoom level in google map
  14. How can I create numbered map markers in Google Maps V3?
  15. Load google maps v3 dynamically with ajax
  16. How to get the formatted address from a dragged marker in Google Version Maps
  17. How to draw a polygon around a polyline in JavaScript?
  18. Google Maps JavaScript API won’t display markers from KML exported from My Maps
  19. Maximum Lat and Long bounds for the world – Google Maps API LatLngBounds()
  20. Google Maps API v3 adding an InfoWindow to each marker
  21. Inconsistent behaviour drawing a route between two points in Google Maps v3
  22. Multiple markers Google Map API v3 from array of addresses and avoid OVER_QUERY_LIMIT while geocoding on pageLoad
  23. Can I remove just the popup bubbles of POI’s in Google Maps API v3?
  24. Animating Multiple Markers
  25. Google map custom marker with css rounded corner
  26. How can I modify the markers?
  27. Highlight polygon and tint rest of map using Google Maps [duplicate]
  28. Using Longitude/Latitude as Waypoint
  29. How to connect two points in Google map..?
  30. Google Maps API Multiple Markers with Infowindows

Leave a Comment