title: Google maps v3 zoom to GroundOverlay after load
body: <p>Hi I am trying to load image on google maps. Here is what I get:
  <img src="https://i.stack.imgur.com/z27qm.png" alt="enter image description here">
  red square - what I see.
  green square - what I want to see. I want to zoom to green square after map loads, but I cant manage to do that, any help?</p>
  
  <p>Code:</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
     &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
     &lt;div id="map" style="width: 800px; height: 400px;"&gt;&lt;/div&gt;
     &lt;script type="text/javascript"&gt;
     var map = new google.maps.Map(document.getElementById('map'), {
        zoom: 2,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: google.maps.MapTypeId.ROADMAP
     });
     var imageBounds = new google.maps.LatLngBounds(
       new google.maps.LatLng(-90,-180),
       new google.maps.LatLng(90,180));
     var oldmap = new google.maps.GroundOverlay("http://www.dxatlas.com/HamCap/3Y0X/20UT-21MHz.gif", imageBounds);
     oldmap.setMap(map);
     oldmap.setOptions({opacity: 0.5});
     map.fitBounds(imageBounds);
     &lt;/script&gt;
  &lt;/body&gt; 
  &lt;/html&gt;
  </code></pre>
  
  <p>I want to zoom to overlay layer that map would look nice like green square shows, it looks like "map.fitBounds(imageBounds);" doesnt work...
  Any ideas?</p>