Direcciones entre dos puntos dados

Direcciones entre dos puntos dados con google maps api V3

by luissanchezm86

HTML

<script src="http://maps.google.com/maps/api/js?sensor=false&amp;.js"></script>
<div id="map_canvas"></div>
<button id="send">send</button>

CSS

#map_canvas {
    width: 600px;
    height: 600px;
}

JavaScript

$(document).ready(initialize);

var directionsDisplay;
var directionsService;
var map;

function initialize() {

    $("#send").click(newDirection);

    directionsDisplay = new google.maps.DirectionsRenderer();

    var myLatlng = new google.maps.LatLng(10.485997, -66.822002);
    var myLatlng2 = new google.maps.LatLng(10.491357, -66.920965);
    var myOptions = {
        //center: new google.maps.LatLng(10.491357, -66.920965),
        center: myLatlng,
        zoom: 14,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
    //map = new google.maps.Map($('#map_canvas')[0], myOptions);
    directionsDisplay.setMap(map);

    placeMarker(myLatlng, map);
    placeMarker(myLatlng2, map);
    calcRoute("caracas, ve", "maracaibo, ve");
    
    /*var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map,
        title: 'Click to zoom'
    });

    google.maps.event.addListener(map, 'center_changed', function () {
        // 3 seconds after the center of the map has changed, pan back to the
        // marker.
        window.setTimeout(function () {
            map.panTo(marker.getPosition());
        }, 3000);
    });

    google.maps.event.addListener(marker, 'click', function () {
        map.setZoom(8);
        map.setCenter(marker.getPosition());
    });*/

    google.maps.event.addListener(map, 'click', function (event) {
        placeMarker(event.latLng, map);
    });

}

function placeMarker(location, map) {
    var marker = new google.maps.Marker({
        position: location,
        map: map,
        draggable: true
    });

    //marker.setAnimation(google.maps.Animation.BOUNCE);

    //map.setCenter(location);
}


function calcRoute(a, b) {
    directionsService = new google.maps.DirectionsService();
    var request = {
        origin: a,
        destination: b,
        travelMode: google.maps.TravelMode.DRIVING
    };
   ...