Toggle groundoverlay in google maps with link

Question

We have a google maps V3 map. With a ground overlay in a function. We have a menu with items and i want when clicked on a link the groundoverlay appear and when click again, dissapear.

This is my code so far but it doesn't work yet.

Any tips ?

function Radarlaag() {
radarOverlay.setMap(null);
radarOverlay.setMap(map);
}

And this is my HTML code:

<li><a href="#" class="icon radar" id="radar_box" onclick="Radarlaag();">Radar</a></li>

Thanks!

Thanks, the groundoverlay works, but there is some problem with the function / toggle link to let the groundoverlay display or hide. — user3408380, Jan 13 '15 at 20:08

MrUpsidown · Accepted Answer · 2015-01-13T20:38:12.963

0

Your link calls the Radarlaag function which does:

radarOverlay.setMap(null); - Removes the overlay
radarOverlay.setMap(map); - Adds the overlay

With the getMap method you should be able to do something like:

function Radarlaag() {

    if (radarOverlay.getMap()) {

        radarOverlay.setMap(null);

    } else {

        radarOverlay.setMap(map);
    }
}

This is untested.

Edit: you are also calling Radarlaag in the setTimeout function so that will just turn it on and off every sec. I don't know if this is an attempt to refresh the GIF file?

edited Jan 13 '15 at 20:38

answered Jan 13 '15 at 20:30

MrUpsidown

19,965
12
63
114

THanks, but still get message: Uncaught ReferenceError: radarLaag is not defined – user3408380 Jan 14 '15 at 10:23
When do you get that message? Did you remove/comment the setTimeout function? – MrUpsidown Jan 14 '15 at 10:58
Problem is when i click on the link. Chrome javascript console show me this error! – user3408380 Jan 14 '15 at 11:17
1

Remove the onclick from the link and add this to your script: `document.getElementById('radar_box').addEventListener("click", Radarlaag);` – MrUpsidown Jan 14 '15 at 12:51
In or out the function ? – user3408380 Jan 14 '15 at 14:55
In the document ready function if you have one. http://stackoverflow.com/questions/9899372/pure-javascript-equivalent-to-jquerys-ready-how-to-call-a-function-when-the – MrUpsidown Jan 14 '15 at 15:37

Toggle groundoverlay in google maps with link

1 Answers1