title: Google Map v3 Ground Overlay?
body: <p>I have spent two days puzzling this and failed. Any assistance will be greatly appreciated.</p>
  
  <p>I need a map centered on -18.975750, 32.669184 in a canvas of 1500px x 900px. I then to need to overlay coverage PNGs (obtained form www.heywhatsthat.com) with set code- transparency.</p>
  
  <p>I have eventually arrived at the following code and it fails. I would like to add more than one PNG bound by it's co-ords, but cant even get one to work.</p>
  
  <pre><code> &lt;script src="http://maps.google.com/maps?file=api&amp;amp;v=3&amp;amp;key=AIzaSyAGbZjXr2wr7dT2P3O5pNo5wvVF3JiaopU&amp;sensor=false"
          type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
  
  function initialize() {
    if (GBrowserIsCompatible()) {
      var map = new google.maps.MAP(document.getElementById("map_canvas"));
      map.setCenter(new GLatLng(-18.975750, 32.669184), 13);
      map.setUIToDefault();
  
    var imageBounds = new google.maps.LatLngBounds(
    new google.maps.LatLng(-19.000417,30.999583),
    new google.maps.LatLng(-17.999583,32.000417));
  
     var oldmap = new google.maps.GroundOverlay(
    "http://www.earthstation.mobi/cloakpS19E031.png",imageBounds);
     oldmap.setMap(map);
  }
  
  &lt;/script&gt;
  &lt;/head&gt;
   &lt;body onload="initialize()" onunload="GUnload()"&gt;
  &lt;div id="map_canvas" style="width: 1500px; height: 900px"&gt;&lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>What am I mssing and please point me in the right direction add multiple png overlays with transparency in the options.</p>
  
  <p>Thanks
  Brian
  Zimbabwe</p>