Wie alternative Route mit Google Map API anzuzeigen

7

Ich benutze google map und ich bin an einem Punkt steckengeblieben. Ich möchte alternative Route anzeigen für meinen Quell- und Zielpunkt. Zur Zeit verwende ich den Code, der einwandfrei funktioniert und das korrekte Ergebnis anzeigt, aber das einzige Problem ist, dass dieser Code nur eine einzige Route für meinen Start- und Zielpfad anzeigt.

Hier ist meine JSFIDDLE WORKING DEMO

Hier ist Beispielcode , den ich in jsfiddle demo Link verwende:

HTML-CODE:

%Vor%

JS CODE:

%Vor%

Sie können in der Demo sehen, wenn Sie Startpunkt und Zielpunkt eingeben, gibt es Ihnen eine einzelne Route entsprechend, aber ich muss alternative Route anzeigen auch in der Karte.

Vielen Dank im Voraus für Ihre Hilfe und sehr geschätzt

    
Dhaval Bharadva 24.09.2013, 06:32
quelle

1 Antwort

28

Was Sie tun müssen, ist zu überprüfen, wieviele Routen vom Funktionsaufruf directionsService.route zurückgegeben werden, innerhalb der Callback-Funktion, die das Antwortobjekt response.routes empfängt, ist ein Array, also durchlaufen Sie es und verwenden Sie den Schleifenzähler zu Legen Sie den routeIndex für den DirectionsRenderer fest. Natürlich ist diese resultierende Ausgabe meiner Meinung nach nicht wünschenswert, da sehr oft Segmente alternativer Routen überlappen, so dass es für einen Benutzer nicht immer visuell offensichtlich ist, was mit den anderen zusätzlichen Zeilen passiert. Sowie wenn Sie tatsächlich die Textrichtungen anzeigen, benötigen Sie ein anderes DOM-Element für die Anzeige jedes Satzes von Richtungen, und dann ist es auch verwirrend, welches Set für was ist. Ich würde eher empfehlen, nur die Hauptroute zu zeigen und Buttons zu haben, um Alternativen anzuzeigen, die beim Klicken nur diese Routen & amp; Richtungen. Das heißt, hier ist der Fix für Ihre Frage:

%Vor%     
astupidname 24.09.2013, 07:42
quelle