Ein Marker ist ein Push - Pin-Symbol , dass Google Maps zeigt auf einem bestimmten Standort . Standardmäßig wird, wenn Sie auf eine Markierung klicken, öffnet sich Google Maps ein kleines Informationsfenster . Zum Beispiel zeigt eine Karte des Staates New York eine Push -Pin- Markierung auf Albany. Wenn Sie auf die Markierung klicken , erscheint ein Fenster, die besagt, dass Albany die Hauptstadt von New York ist . In Ihrem Google Maps JavaScript-Code können Sie das Aussehen und die Aktionen des Markers mit dem google.maps.Marker Konstruktor . Anleitung
1
Öffnen Sie Ihre HTML-Datei und verschieben Sie Ihre Google Maps -Code.
2
Neues animiertes Drop Marker, der auf einer Karte fällt und springt oben und unten auf ein Standort durch Eingabe von:
marker = new google.maps.Marker ( { : map , animation : google.maps.Animation.DROP Position : CityExample });
google.maps.event . addListener (Marker , 'click' , toggleBounce ); marker.setAnimation ( google.maps , Animation.BOUNCE );}
3
ändern Sie den Marker -Symbol, um ein Bild durch die Definition des Bildes Datei als Marker in der Karte Optionen . Zum Beispiel , add:
var photo = ' monumentPhoto.jpg '; var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position: exLatLng , Karte : Karte , Symbol : image });
4
erstellen ziehbar Marker , indem die Methode ziehbar zur Markierung Konstruktor . Fortsetzung des Beispiels aus Schritt 3 , fügen Sie die Methode zur monumentMarker variable
var photo = ' monumentPhoto.jpg '; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ); var monumentMarker = new . google.maps.Marker ( {position: exLatLng , ziehbar : true , Karte : Karte , Symbol : image });