title: invalidValueError : setCenter : not a LatLng or LatLngLiteral Object
body: <p>I'm new to google map <code>api v3</code>. I already establish a decent google map with 2 marker but when I use <code>google.maps.latlngBounds</code>, it return me an <strong>error</strong> </p>
  
  <p><code>invalidValueError : setCenter : not a LatLng or LatLngLiteral Object</code>. </p>
  
  <p>How can I fix this? 
  I just want to centre my map around these markers. </p>
  
  <pre><code>function initialize() {
  
            var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
            var myLatlng2 = new google.maps.LatLng(-25.573688, 132.567212);
  
          var mapOptions = {
            center: myLatlng,
            zoom: 8,
            mapTypeId: google.maps.MapTypeId.ROADMAP
          };
  
          try {
          var map = new google.maps.Map(document.getElementById("map-canvas"),
              mapOptions);
  
              var marker = new google.maps.Marker({
              position: myLatlng
          });
  
          var marker2 = new google.maps.Marker({
              position: myLatlng2
          });
  
          trackerMarkerArray.push(marker);
          trackerMarkerArray.push(marker2);
  
          var latlngbound = new google.maps.LatLngBounds ();
          for (var i = 0; i&lt;trackerMarkerArray.length; i++){
              trackerMarkerArray[i].setMap(map);
  
              latlngbound.extend(trackerMarkerArray[i].position);
          }
  
  
  
  
          //render new map and center around group of marker
          map.setCenter(latlngbound);
          map.fitBounds(latlngbound);
  
  
          } catch (err){
              alert(err);
          }
  
  
        }
        google.maps.event.addDomListener(window, 'load', initialize);
  </code></pre>