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

Share
This entry was posted in Google Maps, Mash Ups and tagged , , . Bookmark the permalink.

5 Responses to Google Map V3 WMS Transparency Slider!

  1. cris says:

    thanks for this

  2. caro says:

    Nice job, Can’t wait for the stand alone example

  3. Gavin says:

    The Google Maps V3 transparency slider code is now available from:
    http://www.gavinharriss.com/code/opacity-control

    Hope you find it useful!

  4. Squeak says:

    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.

  5. Georges says:

    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?

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>