Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Map V3 .png groundoverlay opacity
    primarykey
    data
    text
    <p>I have created my first Google Map API with png overlays (thanks to @andresf for assistance).</p> <p>This map has multiple png ground overlays adjacent to each other and can be seen at <a href="http://www.earthstation.mobi/coverage.htm" rel="nofollow">http://www.earthstation.mobi/coverage.htm</a></p> <p>Question: How do I set the opacity (transparency?) on each overlay so that I can see the map detail under the overlay? I do not need to adjust this from the webpage, a preset coded into the script will suffice.</p> <p>The code of the page listed above is:</p> <pre><code> &lt;!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="content-type" content="text/html; charset=utf-8"/&gt; &lt;title&gt;Earthstation WIMAX Coverage&lt;/title&gt; &lt;script src="http://maps.googleapis.com/maps/api js?key=AIzaSyAGbZjXr2wr7dT2P3O5pNo5wvVF3JiaopU&amp;sensor=false" type="text/javascript"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; function initialize() { var myOptions = { center: new google.maps.LatLng(-18.975750, 32.669184), zoom: 13, mapTypeId: google.maps.MapTypeId.HYBRID }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); //note to self co-ords are SW and then NE 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); var imageBounds2 = new google.maps.LatLngBounds( new google.maps.LatLng(-19.000417,31.999583), new google.maps.LatLng(-17.999583,33.000417)); var oldmap = new google.maps.GroundOverlay( "http://www.earthstation.mobi/cloakpS19E032.png",imageBounds2); oldmap.setMap(map); var imageBounds3 = new google.maps.LatLngBounds( new google.maps.LatLng(-20.000417,30.999583), new google.maps.LatLng(-18.999583,32.000417)); var oldmap = new google.maps.GroundOverlay( "http://www.earthstation.mobi/cloakpS20E031.png",imageBounds3); oldmap.setMap(map); var imageBounds4 = new google.maps.LatLngBounds( new google.maps.LatLng(-20.000417,31.999583), new google.maps.LatLng(-18.999583,33.000417)); var oldmap = new google.maps.GroundOverlay( "http://www.earthstation.mobi/cloakpS20E032.png",imageBounds4); oldmap.setMap(map); } &lt;/script&gt; &lt;/head&gt; &lt;body onload="initialize()"&gt; &lt;div id="map_canvas" style="width: 1000px; height: 600px"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>Thanks in anticipation Brian Zimbabwe</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

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