How to use Google Maps Waypoints to redraw a Route

ranscarwaov

New Member
I've got a Google Map where users search for a start and end point in input fields, then once the route has been drawn they can customise the route by adding and dragging waypoints. On submit the route is saved as XML, and then redrawn on a new map when needed. The problem is that at the minute I only have the start and end points saving to the XML. I've been working from this documentation: https://developers.google.com/maps/documentation/javascript/directions#Waypoints, but I'm completely stumped here.The way I have proposed to do it is the same as the start and end points - saving the lat and long values into the XML. The JS below gets the data of the waypoints. I've console.logged it to see how the arrays are structured. The problem I have here is that I don't know how to loop through each waypoint (if there is more than one) and save each one as a new variable so that I can add them to my form for a PHP submission.\[code\]//What to do when a waypoint has been added/changedgoogle.maps.event.addListener(directionsDisplay, 'directions_changed', function() { var waypoints = directionsDisplay.getDirections().routes[0].legs[0].via_waypoints; console.log(waypoints); console.log(waypoints[0].kb);});\[/code\]Like I said though, there is probably an easier way, above is just what I've tried so far. This is the result of the console.log(waypoints)...
NixYF.png
 
Back
Top