Google Map V3 WMS Transparency Slider!

Gavin, from topomap.co.nz sent me a note the other day about some work he did in regards to developing a transparency slider for Google Maps V3:

“I’ve created a transparency slider control that works with Google Maps API V3, if there’s enough demand I’ll take some time and extract it from my code to publish as a nice neat example so others can use it too. See it in action at http://www.topomap.co.nz/and use the “contact” tab there to get in touch if you’re interested.”

The transparency slider works perfectly and the slider bar fits well into the layout of the page.  I hope to take Gavin’s work and create a stand alone example sometime over the next few days.  In the meantime check out topomap.co.nz if you have some free time!


View Larger Topographic Map

5 Replies to “Google Map V3 WMS Transparency Slider!”

  1. Excellent work, I liked it the moment I saw it. But I wonder – is there a way to make the base map itself transparent? This is pretty simple to do with OpenLayers, but I can’t figure out a way how to do it with Google.

    I need to dim the map (either by making it transparent so that it would blend with a black div underneath, or by hiding it behind a transparent layer). Setting transparency with CSS is not an option, since I want the markers and map controls to stay well visible.

  2. I tried to use the Google Maps V3 transparency slider to change the opacity of WMS-Layers I’ve loaded with the method described here on the site. I’m new to google coding and I don’t get it to work. The slider displays, but I don’t get it applied to my WMS-Layer.
    You can see the site at: http://89.145.113.21/~geomlu/db/test_map.php
    How can I apply the slider to the overlaying WMS-Layer?

Comments are closed.