Ich erstelle ein Google Maps-Projekt und muss eine Route erstellen, die darauf klickt.

Mein Projekt hat 2 Punkte, die ein vordefiniertes Lat und Lng haben, und ich möchte den Anfang und das Ende der Punkte A und B selbst zeichnen und dabei die Funktionalität nicht verlieren.

Ich habe ein anderes Projekt erstellt, auf das Sie klicken können, um die Route zu zeichnen, das jedoch keine Markierungen aufweist und nicht ziehbar ist.Das ist mein aktuelles Projekt mit dem vollen code werde ich hier nur einen kurzen code mit meinen richtungen posten.

Ich möchte, dass mein erster auf den Punkt A und der zweite auf den Punkt B klickt und ihnen die Möglichkeit gibt, sie wie das Projekt zu ziehen

function goma()
{   
    var mapDiv = document.getElementById('mappy');
    var mapOptions = {
    zoom: 12, 
    center: new google.maps.LatLng(-23.563594, -46.654239),
    mapTypeId : google.maps.MapTypeId.ROADMAP
    }
    pode ser ROADMAP, SATELLITE, HYBRID, TERRAIN
    map = new google.maps.Map( mapDiv, mapOptions ); 

    //Render route, etc.
    ren = new google.maps.DirectionsRenderer( {'draggable':true} );
    ren.setMap(map);
    ren.setPanel(document.getElementById("directionsPanel"));
    ser = new google.maps.DirectionsService();

    //Create the route
    ser.route({ 'origin': new google.maps.LatLng(-23.563594, -46.654129), 'destination':  new google.maps.LatLng(
-23.563672, -46.640396), 'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
        if(sts=='OK')ren.setDirections(res);    
    })      

}   

Ich aktualisiere hier meinen Code, ich habe nur wayA gemacht, das ist der erste Wegpunkt, der zweite ist ein latLng vordefiniert, wo Sie klicken, es wird latLng abgerufen und in den 'Ursprung' eingefügt.

    google.maps.event.addListener(map, "click", function(event) {
            wayA = new google.maps.Marker({ 
              position: event.latLng,
              map: map                
            });
     });
    ren = new google.maps.DirectionsRenderer( {'draggable':true} );
    ren.setMap(map);
    ren.setPanel(document.getElementById("directionsPanel"));
    ser = new google.maps.DirectionsService();          
    ser.route({ 'origin': wayA, 'destination':  new google.maps.LatLng(
-23.563672, -46.640396), 'travelMode': google.maps.DirectionsTravelMode.DRIVING},function(res,sts) {
        if(sts=='OK')ren.setDirections(res);    
    })      

Dies ist mein Test mit dem vollständigen Code