title: Inaccurate getBounds() on google maps?
body: <p><strong>edit:</strong> My question is actually a duplicate of this:
  <a href="https://stackoverflow.com/questions/21576400/google-maps-v3-center-of-bounds-is-different-from-center-of-the-map">google maps v3: center of bounds is different from center of the map</a></p>
  
  <p>I try to extract the center point of the bounds of a google map. Later I want to reposition the map by this center-point. However the map slightly shifts in north-south-direction. </p>
  
  <p>Am I missing something here? In the plunkr you can see how the map shifts after the panTo()-Call, although it is the exact center as retreived from the map.</p>
  
  <p><a href="https://plnkr.co/edit/zGy3nUShEFG7fxvKTqa9?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/zGy3nUShEFG7fxvKTqa9?p=preview</a></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;title&gt;Simple Map&lt;/title&gt;
      &lt;meta name="viewport" content="initial-scale=1.0"&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;style&gt;
        html, body {
          height: 100%;
          margin: 0;
          padding: 0;
        }
        #map {
          height: 100%;
        }
      &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="map"&gt;&lt;/div&gt;
      &lt;script&gt;
  
  var map;
  function initMap() {
    var centerData = {lat: -34.397, lng: 150.644};
    map = new google.maps.Map(document.getElementById('map'), {
      center: centerData,
      zoom: 8
    });
  
    var initialCenterMarker = new google.maps.Marker({
      position: centerData,
      map: map,
      animation:google.maps.Animation.DROP
    });    
  
  
    setTimeout(function(){
      var bounds = map.getBounds();
      var myCenter=bounds.getCenter();
  
      setTimeout(function(){
        map.panTo(myCenter);
        var newCenterMarker = new google.maps.Marker({
          position: myCenter,
          map: map,
          animation:google.maps.Animation.DROP
        });    
      },2000);
  
    },1000);
  
  }
  
      &lt;/script&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?callback=initMap"
          async defer&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>