Remove directions from google map api v3

Question

I have a google map using API v3 which gets directions from one location to another. The app works great but the window which gets the directions is an overlay on the map.

Answer 1

You can change the map binding for the DirectionsRenderer to "null" to remove the direction overlay

directionDisplay.setMap(null);

Answer 2

You can also use : directionsDisplay.setDirections({routes: []});

Answer 3

None of the above worked for me, this is what I needed:

// Clear past routes
    if (directionsDisplay != null) {
        directionsDisplay.setMap(null);
        directionsDisplay = null;
    }

Answer 4

Using directionDisplay.setMap(null); will remove the whole directions renderer overlay, including markers. If you just want to remove the routes keeping the markers you can use setOptions to change the options settings of DirectionsRenderer for suppressPolylines after initialization

directionsDisplay.setOptions({
    suppressPolylines: true
  });

(see also my other similar answer)

Answer 5

That should read as:

directionDisplay.setMap(null);

Answer 6

You can try this, and not lose reference to the map

directionDisplay.set('directions', null);