I have a point where a Gpolyline line is drawn from a marker to another point. After I click on it a second time, I want to remove the polyline. How do I remove the line after clicking on the marker a second time?

My pseudo-code is as follows:

  google.maps.event.addListener(markersArray[0], 'click', function() {
     'draw line to point'
  } );

(I did also ask this question on StackOveflow - I'm not sure whether it is ok to post the same question here)

2 Answers 2


One way - and it's not the only way is to keep a reference to the line you're drawing in the Marker object you've already got, like this:

       GEvent.addListener(markersArray[0], 'click', function() {
         if( markersArray[0].line ) {
            map.removeOverlay( markersArray[0].line );
            markersArray[0].line = null;
         } else {
            var newLine = new GPolyline([
            ], "#22FF22", 2);
            markersArray[0].line = newLine;
            map.addOverlay( newLine );

You could also save a reference to the line in a global variable. Either way, you need to keep a reference around to be able to remove it later.


If you add the polyline using


you should be able to remove it using


See API Reference for GMap2 Class.

  • Is there any same solution for google map api version 3? Please share, thanks :)
    – Kamlesh
    Dec 18, 2019 at 5:54

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.