Google maps routes test
HTML
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&v=3.19"></script>
<div id="routeInfo"></div>
<div id="map_canvas" style="height:600px;width:800px;"></div>
CSS
#routeInfo
{
height: 150px;
overflow: auto;
}
JavaScript
var map;
var g = google.maps;
var round = Math.round;
var abs = Math.abs;
var opts = {
center: new g.LatLng(53.5744354313908, -2.422981560230255),
zoom: 14,
mapTypeId: g.MapTypeId.ROADMAP,
scaleControl: true
}
map = new g.Map(document.getElementById("map_canvas"), opts);
var waypoints = [];
var coords = [
new google.maps.LatLng(53.576094926156856, -2.4133899807929993),
new google.maps.LatLng(53.576910316226524, -2.417515218257904),
new google.maps.LatLng(53.5744354313908, -2.422981560230255),
new google.maps.LatLng(53.57406593808592, -2.4284103512763977),
new google.maps.LatLng(53.57444180193672, -2.4363604187965393),
new google.maps.LatLng(53.57303388795739, -2.4380072951316833),
];
for (var i = 0; i < coords.length;i++)
{
waypoints.push({
location: coords[i],
stopover: true
});
}
var routesDisplays = [];
window.findRoute = function(withWaypoints){
var request = {
origin: coords[0],
destination: coords[coords.length - 1],
//DRIVING, WALKING, BICYCLING, TRANSIT
travelMode: withWaypoints ? google.maps.TravelMode.DRIVING : google.maps.TravelMode.DRIVING,
//METRIC: 0, IMPERIAL: 1
unitSystem: google.maps.UnitSystem.METRIC,
waypoints: withWaypoints ? waypoints : [],
provideRouteAlternatives: false,
optimizeWaypoints: FALSE,
//avoidHighways: false,
//avoidTolls: false ,
//transitOptions: {departureTime: null, arrivalTime: null},
//region: "ru"
}
var ds = new google.maps.DirectionsService();
ds.route(request,
function(result, status) {
//DirectionsStatus:
// INVALID_REQUEST, MAX_WAYPOINTS_EXCEEDED, NOT_FOUND, OK,
// OVER_QUERY_LIMIT,...