Google Maps API: GDirections with no Markers

February 14th, 2008

I’ve been working with the Google Maps API quite a lot over the past couple of weeks, but one thing that has continuously thwarted me, has been how to remove the little Info Window maps from a route that has been loaded using GDirections and finally I have found the answer. When you load a GDirections object with the optional map panel in the constructor it automatically places the route and markers on the map. The work around is to not provide any arguments to the constructor, and instead load retrieve the GPolyline with the getPolyline method and the getPolyline: true option. Then in the “load” event, add it to the map and presto.


var dirs = new GDirections();
GEvent.addListener(dirs, "load", function() {
var polyline = dirs.getPolyline();
map.addOverlay(polyline);
});
dirs.loadFromWaypoints("Directions from here to there", {getPolyline: true});

posted by Michael Gall at 3:01 pm & tagged with Tags: , | 9 Comments »


9 Comments to “Google Maps API: GDirections with no Markers”

  1. February 21st, 2008 at 9:06 am
    brucini said:

    great solution. i’ve been having the same problem. however, i had always managed to fix it with the following actions: control + f5 . presto.

  2. March 5th, 2008 at 1:44 pm
    Michael said:

    Hey Good answer. An annotated code fragment or a link would be useful as your long paragraph is hard to decipher

  3. January 14th, 2009 at 11:00 pm
    Adriano said:

    Exempls???? cods font??????

  4. February 5th, 2009 at 2:46 am
    friism said:

    Something like this:
    —
    var gDir;
    var map;
    function load() {
    if (google.maps.BrowserIsCompatible()) {
    gDir = new GDirections();
    gDir.loadFromWaypoints(mywaypoints, {getPolyline: true});
    GEvent.addListener(gDir, “load”, onGDirectionsLoad);

    //also init map
    }
    }
    function onGDirectionsLoad(){
    map.addOverlay(gDir.getPolyline());
    }
    —

  5. April 24th, 2009 at 5:08 am
    Jonny said:

    How do you also add the directions? (as well as the polyline)

    I want to use your method because I don’t want any markers to be displayed.

    Thanks.

  6. June 5th, 2009 at 2:39 am
    Tim said:

    Thanks for this Michael, saved me loads of time.

    Jonny,

    Try this

    var gDir=new GDirections(null, document.getElementById(“directions”));

    passing null still means no Markers, but passing the id of your directions container element
    will populate teh directions text in there. Hope that helps someone else do what I needed to do.

  7. March 6th, 2010 at 8:22 am
    Brijesh said:

    Awesome solution I have been trying to get rid of the Marker but could not & was finding alternative soluntion & this works excellent

  8. September 7th, 2010 at 5:40 am
    Pablo said:

    Thanks a lot for the tip, works great

  9. September 25th, 2011 at 5:34 pm
    Tran Tai said:

    var gDir=new GDirections(null)
    Thank, this help me !

Leave a Reply