Verschieben von Markierungen und Neuzeichnen von Pfad mit Verschieben Google Maps

Question

Der folgende Code zeigt zwei Punkte in der Karte und zeichnet den treibenden Pfad zwischen diesen Punkten. Was ich versuche zu erreichen, ist, wenn ich einen Punkt bewege, sollte er den Marker bewegen und den Pfad neu zeichnen. Wie kann ich das machen? Ich schätze alle Hinweise. Vielen Dank.

function mapLocation() { 
    var directionsDisplay; 
    var directionsService = new google.maps.DirectionsService(); 
    var map; 

    function initialize() { 
    directionsDisplay = new google.maps.DirectionsRenderer(); 
    var istanbul = new google.maps.LatLng(41.015137, 28.979530); 
    var mapOptions = { 
     zoom: 7, 
     center: istanbul 
    }; 
    map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); 
    directionsDisplay.setMap(map); 
    calcRoute(); 
    } 

    function calcRoute() { 
    var start = new google.maps.LatLng(41.01524, 28.975994); 
    //var end = new google.maps.LatLng(38.334818, -181.884886); 
    var end = new google.maps.LatLng(41.013232, 28.978676); 
    var request = { 
     origin: start, 
     destination: end, 
     travelMode: google.maps.TravelMode.DRIVING 
    }; 
    directionsService.route(request, function(response, status) { 
     if (status == google.maps.DirectionsStatus.OK) { 
     directionsDisplay.setDirections(response); 
     directionsDisplay.setMap(map); 
     } else { 
     alert("Directions Request from " + start.toUrlValue(6) + " to " + end.toUrlValue(6) + " failed: " + status); 
     } 
    }); 
    } 

    google.maps.event.addDomListener(window, 'load', initialize); 
} 
mapLocation(); 

Answer 1

Sie können die draggable Option des DirectionsRendererOptions auf true gesetzt und an die DirectionsRenderer passieren, damit die Benutzer die gerenderte Route (n) bearbeiten.

directionsDisplay = new google.maps.DirectionsRenderer({ 
    draggable: true 
}); 

Siehe documentation.