En markør er en push - pin ikonet som Google Maps viser på toppen av et bestemt sted . Som standard når du klikker på en markør , åpner Google Maps et lite opplysende vindu . For eksempel viser et kart over New York state en push - pin markør på Albany. Når du klikker på markøren , vises et vindu som sier at Albany er hovedstaden i New York. I Google Maps JavaScript-kode , kan du endre utseende og handlinger av markeringen med den google.maps.Marker konstruktør . Instruksjoner
en
Åpne HTML-filen og flytte på Google Maps kode .
2
Lag en animert dråpe markør som faller på et kart og spretter opp og ned på en plassering ved å skrive : en
markør = new google.maps.Marker ( { map : map , animasjon : google.maps.Animation.DROP stilling : CityExample });
google.maps.event . addListener ( markør, "klikk" , toggleBounce ); marker.setAnimation ( google.maps , Animation.BOUNCE ) ;}
3
Endre markør ikonet til et bilde ved å definere bilde fil som markør i kartet alternativer. For eksempel , legg til:
Var photo = ' monumentPhoto.jpg '; Var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; Var monumentMarker = new.google.maps.Marker ( {position : exLatLng , map : kart , ikon : image });
4
Lag en flyttbare markør ved å legge den flyttbare metoden til Marker konstruktøren . Fortsetter eksempel fra trinn 3 , legge til metoden til monumentMarker variabel
Var photo = ' monumentPhoto.jpg '; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) ; Var monumentMarker = ny . google.maps.Marker ( {position : exLatLng , flyttbare : true , kart : map , ikon : image });