Das Google Maps API V3 gibt Ihnen Kontrolle darüber, wie die Eingabe von Daten und erstellen Sie benutzerdefinierte Google Maps. Wenn Sie eine Liste oder ein Array von Längen-und Breitengrad -Koordinaten haben, können Sie festlegen, dass Google das Array , um eine Route oder Polylinie auf einer Karte zu erstellen verwendet . Zum Beispiel könnten Sie eine Zeile nach der Berg Konturen auf einem Wanderweg oder einem Versand Route, um eine Reihe von Inseln webt . Anleitung
1

Öffnen Sie Ihre HTML-Datei und navigieren Sie zu dem Abschnitt , wo Sie Ihre Google Map zu definieren.
2

Unter dem Code, wo initialisieren Sie die Karte definieren die Eigenschaften der Polylinie. Geben Sie z. B. :

var PolylineOptions = { strokeColor : '# 000000' , strokeWeight : 3

In diesem Beispiel wird die Farbe der Linie der hexadezimalen Farbe schwarz und das Gewicht des Satzes Linie drei ist.
3

initialisieren Polylinie. Geben Sie z. B. :

polylineExample = new google.maps.Polyline ( PolylineOptions ); polylineExample.setMap (map );

In diesem Beispiel fügen wir die Polylinie zu der Karte mit der Merkmale in der " PolylineOptions " Variable definiert.
4

erstellen der Anordnung von Stellen , indem Sie auf die Punkte auf der Karte. Geben Sie z. B. :

google.maps.event.addListener (map , 'click' , addLatLng );}

In diesem Beispiel hört Google für den Benutzer auf die Karte klicken und speichert diesen Wert in " addLatLng . "
5

die Polylinie mit dem addlatLng Funktion erstellen . Geben Sie z. B. :

Funktion addlatLng (event) {var route = polyline.getpath (); route.push ( event.latLng );

Weiterbildung ein Beispiel , " getPath " kehrt das Array von Werten, die die Variable " route" und schiebt die neue geografische Koordinaten in das Array .
6

Füge einen Standort Marker für den jeweiligen geografischen Punkt entlang der Polylinie. Geben Sie z. B. :

var locMarker = new google.maps.locMarker ( {position: event.latLng , title: '#' + route.getLength () : map } );}

in diesem Beispiel speichern Google maps Grundstücke die Orte auf der Route oder Polylinie mit den Daten in der "route" Array.
7

Ihren Code und testen Sie es . Google Maps zeigt eine Linie auf der Karte . Für jeden Standort Google Maps setzt einen Merker . Die Polylinie aussehen wird ähnlich wie bei einem connect -the- dots Bild auf der Karte.