Have Google maps center around geo-locs and zoom in appropriately

Question

I would like to pass an x amount of geo-locations to the Google Maps API and have it centered around these locations and set the appropriate zoom level so all locations are visible on the map. I.e. show all the markers that are currently on the map.

Is this possible with what the Google Maps API offers by default or do I need to resolve to build this myself?

Answer 1

I used fitBounds (API V3) for each point:

1. Declare the variable.

   var bounds = new google.maps.LatLngBounds();
   

2. Go through each marker with FOR loop

   for (i = 0; i < markers.length; i++) {
       var latlng = new google.maps.LatLng(markers[i].lat, markers[i].lng);
       bounds.extend(latlng);
   }
   

3. Finally call

   map.fitBounds(bounds);
   

Answer 2

There are a number of ways of doing this but it is pretty easy if you are using the V2 API. See this post for an example, this group post or this post.