Mit der Google Maps API Version drei , zeigt Google Standorten auf einer Karte mithilfe Push-Pin -Icons Marker genannt . Zum Beispiel können Sie eine eigene Karte für Paris, Frankreich zu schaffen , mit Markierungen für Sehenswürdigkeiten, Museen und berühmten Restaurants . Sie erstellen Marker mit der eingebauten " Markers" Objekt und definieren, wann Google zeigt mehrere Marker mit der "Drop" -Funktion. Anleitung
1
Öffnen Sie Ihre HTML-Datei und scrollen Sie im Code , wo Sie initialisieren Google Map.
2
Erstellen der Marker durch die Initialisierung eines Markers variable und einstellen Marker Parameter . Geben Sie z. B. :
var eiffelMarker = paris google.maps.Marker ( {position: ( -48,5132 , 002.1745 ) : map , title: " Eiffelturm "} );
In diesem Beispiel erstellt Google Maps einen Marker für den Eiffelturm auf dem Stadtplan von Paris . Die " Position "-Attribut ist der Eiffelturm der Längen-und Breitengrade . Eiffelturm ist der Name oder Titel ein Benutzer liest , wenn die Maus über die Markierung.
3
Wiederholen Sie Schritt 2 für jeden Marker Standort auf Ihrer Karte . Verwenden Sie aussagekräftige Variablennamen und geben Sie die Geo- Koordinaten für die Markierung der Position . Titel der Marker mit dem Ort seinen Namen.
4
Stagger der Höhe der Zeit , dass Google die Markierungen auf der Karte fällt . Wenn Sie über zahlreiche Markierungen auf der Karte haben , für Usability Zwecke , können Sie es vorziehen Fallenlassen der Marker one-by -one statt Dumping sie auf der Karte alle auf einmal. Zum Beispiel, um Marker Tropfen taumeln , geben Sie den folgenden :
Funktion Drop ( ) {for ( parisMarker i = 0; i < markerArray.length ; i + +) { setTimeout ( function () { addMarkerMethod (); } , i * 200 );}}
In diesem Beispiel dreht Google Maps durch Ihre Anordnung von Markern und fällt jede Markierung innerhalb einer viertel Sekunde voneinander
.