Draw Route

by masmiguel

HTML

<script type="text/javascript" src= "http://maps.google.com/maps/api/js?sensor=false">
</script>

<div id="map" style="width:600px;height: 600px;"></div>

JavaScript

/*
 {"Geometry":{"Latitude":39.58423490, "Longitude":2.64846420}},
 {"Geometry":{"Latitude":39.58412410, "Longitude":2.64842810}},
 {"Geometry":{"Latitude":39.58428070, "Longitude":2.64857690}},
 {"Geometry":{"Latitude":39.58415060, "Longitude":2.64842740}},
 {"Geometry":{"Latitude":39.58417210, "Longitude":2.64844590}},
 {"Geometry":{"Latitude":39.58417210, "Longitude":2.64844590}},
 {"Geometry":{"Latitude":39.58423930, "Longitude":2.64853950}},
 {"Geometry":{"Latitude":39.58426950, "Longitude":2.64855680}},
 {"Geometry":{"Latitude":39.58428470, "Longitude":2.64857120}}
*/
    
var map = new window.google.maps.Map(document.getElementById("map"));

    // new up complex objects before passing them around
var directionsDisplay = new window.google.maps.DirectionsRenderer({suppressMarkers: true});
var directionsService = new window.google.maps.DirectionsService();
var stops = [
                          
{"Geometry":{"Latitude":39.5842209, "Longitude":  2.648518}},
{"Geometry":{"Latitude":39.5842117, "Longitude":  2.6485031}},
{"Geometry":{"Latitude":39.5842117, "Longitude":  2.6485031}},
{"Geometry":{"Latitude":39.5841884, "Longitude":  2.6486013}},
{"Geometry":{"Latitude":39.5841883, "Longitude":  2.6486331}},
{"Geometry":{"Latitude":39.5841883, "Longitude":  2.6486331}},
{"Geometry":{"Latitude":39.5841893, "Longitude":  2.6485979}},
{"Geometry":{"Latitude":39.5842096, "Longitude":  2.6484981}},
{"Geometry":{"Latitude":39.5842076, "Longitude":  2.6484943}},
{"Geometry":{"Latitude":39.5842149, "Longitude":  2.6485158}},
{"Geometry":{"Latitude":39.5843127, "Longitude":  2.6489591}},
{"Geometry":{"Latitude":39.584539, "Longitude":  2.6490685}},
{"Geometry":{"Latitude":39.5845837, "Longitude":  2.6490263}},
{"Geometry":{"Latitude":39.5848792, "Longitude":  2.6489522}},
{"Geometry":{"Latitude":39.585594, "Longitude":  2.6494901}},
{"Geometry":{"Latitude":39.5854909, "Longitude":  2.6490474}},
{"Geometry":{"Latitude":39.5856004, "Longitude": ...