Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Map v3 Ground Overlay?
    text
    copied!<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>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload