How to get the list of waypoints of a route displayed on the Google maps, through their API V3?

Question

The GDirections class of Google maps API helped me in "displaying" the route between two supplied coordinates.

Now I want a list of ALL the coordinates on that route.

Any hints on how to get this?

EDIT Just now discovered http://code.google.com/apis/maps/documentation/javascript/reference.html#DirectionsRoute

Its overview_path property gives the list of ALL the waypoints of the route. Is DirectionsRoutethe right class for this problem Or I am missing some point?

EDIT - 2

With the help of this link shown by mkram0 below, I have modified the code as follows:

The Map IS getting displayed. The Route IS getting displayed.

I was thinking of placing markers on the first four coordinates on the route. Those markers don't get displayed. Any helps? Please.

directionsService.route (request, 
                            function (result, status) 
                            {
                                if (status == google.maps.DirectionsStatus.OK)
                                {
                                    directionsDisplay.setDirections (result);

                                    for (var route in result.routes) 
                                    {
                                        for (var leg in route.legs) 
                                        {
                                            for (var step in leg.steps) 
                                            {
                                                for (var latlng in step.path) 
                                                {
                                                    pointsArray.push(latlng);
                                                }
                                            }
                                        }
                                    }

                                    var point1 = new google.maps.Marker ({
                                        position:pointsArray[0],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

                                    var point2 = new google.maps.Marker ({
                                        position:pointsArray[1],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

                                    var point3 = new google.maps.Marker ({
                                        position:pointsArray[2],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

                                    var point4 = new google.maps.Marker ({
                                        position:pointsArray[3],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });
                                }
                            });

Can you show the code you already have so we have a starting point? — Trott, May 27 '11 at 15:53
I didn't put any code deliberately. REASON: My code contains the way for displaying the markers and the route between them, only. I haven't written the code for displaying ALL the "waypoints/coordinates" on that route because I don't know which API(default method) is responsible for that. And secondly I don't expect anyone to write code for me, I just wanted to know whether an API responsible for this exists or not? Or there is some know algorithm to be implemented for the same? — Aquarius_Girl, May 30 '11 at 06:12

score 6 · Accepted Answer · answered May 31 '11 at 09:49

Solved this myself :) The overview_path was the correct method w.r.t displaying the coordinates: Just for checking if this really shows something, I have displayed markers on the resulting first four coordinates.

directionsService.route (request, 
                            function (result, status) 
                            {
                                alert(status);
                                if (status == google.maps.DirectionsStatus.OK)
                                {
                                    directionsDisplay.setDirections (result);

                                    var pointsArray = [];

                                    pointsArray = result.routes[0].overview_path;

                                    var point1 = new google.maps.Marker ({
                                        position:pointsArray[0],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

                                    var point2 = new google.maps.Marker ({
                                        position:pointsArray[1],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

                                    var point3 = new google.maps.Marker ({
                                        position:pointsArray[2],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

                                    var point4 = new google.maps.Marker ({
                                        position:pointsArray[3],
                                        draggable:true,
                                        map:map,
                                        flat:true
                                        });

score 3 · Answer 2 · answered May 30 '11 at 13:52

The overview_path doc says it returns

An array of LatLngs representing the entire course of this route. The path is simplified in order to make it suitable in contexts where a small number of vertices is required.

I don't interpret that to mean the same thing as returning an array of all the waypoints on a route. And in your question, it's not clear to me whether you want waypoints or coordinates (lat long) or both. If I were you, I'd also consider legs, which returns

an array of DirectionsLegs, each of which contains information about the steps of which it is composed. There will be one leg for each waypoint or destination specified.

Within DirectionsLeg, I think you should also take a look at steps and via_waypoints.

score 0 · Answer 3 · edited May 23 '17 at 12:09

0

Try http://vikku.info/programming/google-maps-v3/draggable-directions/saving-draggable-directions-saving-waypoints-google-directions-google-maps-v3.htm

or Google Maps JavaScript API v3 directions capabilities

edited May 23 '17 at 12:09

Community

1
1

answered May 30 '11 at 16:29

mkram0

42
3

How to get the list of waypoints of a route displayed on the Google maps, through their API V3?

3 Answers3

Linked