title: Find center of multiple locations in Google Maps
body: <p>I have just copied the code on this <a href="https://stackoverflow.com/questions/3059044/google-maps-js-api-v3-simple-multiple-marker-example">question</a> and applied my latitude and longitudes. However, the latitudes and longitudes will be dynamic, and the <code>center</code> of the map will change depending on the latitudes and longitudes of the locations.</p>
  
  <p>The following is the code from the other question</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
      &lt;head&gt;
          &lt;meta http-equiv="content-type" content="text/html; charset=UTF-8" /&gt;
          &lt;title&gt;Google Maps Multiple Markers&lt;/title&gt;
          &lt;script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div id="map" style="width: 500px; height: 400px;"&gt;&lt;/div&gt;
          &lt;script type="text/javascript"&gt;
              var locations = [
                  ['Bondi Beach', -33.890542, 151.274856, 4],
                  ['Coogee Beach', -33.923036, 151.259052, 5],
                  ['Cronulla Beach', -34.028249, 151.157507, 3],
                  ['Manly Beach', -33.80010128657071, 151.28747820854187, 2],
                  ['Maroubra Beach', -33.950198, 151.259302, 1]
              ];
  
              var map = new google.maps.Map(document.getElementById('map'), {
                  zoom: 10,
                  center: new google.maps.LatLng(-33.92, 151.25),
                  mapTypeId: google.maps.MapTypeId.ROADMAP
              });
  
              var infowindow = new google.maps.InfoWindow();
  
              var marker, i;
  
              for (i = 0; i &lt; locations.length; i++) {
                  marker = new google.maps.Marker({
                      position: new google.maps.LatLng(locations[i][1], locations[i][2]),
                      map: map
                  });
  
                  google.maps.event.addListener(marker, 'click', (function(marker, i) {
                      return function() {
                          infowindow.setContent(locations[i][0]);
                          infowindow.open(map, marker);
                      }
                  })(marker, i));
              }
          &lt;/script&gt;
      &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>So my question is, how could I know the center of the map when having dynamic locations. I've tried leaving the <code>center</code> blank but the map didn't load.</p>