En markør er en push- pin ikon, Google Maps viser på toppen af et bestemt sted. Som standard , når du klikker på en markør Google Maps åbner et lille oplysende vindue . For eksempel viser et kort over New York state en push- pin markør på Albany. Når du klikker på markøren , vises et vindue om, at Albany er hovedstaden i New York. I din Google Maps JavaScript-kode , kan du ændre udseende og handlinger af markøren vha. google.maps.Marker konstruktør. Instruktioner
1
Åbn din HTML-fil og flytte til din Google Maps -koden.
2
Opret en animeret drop markør, der falder på et kort og hopper op og ned på en placering ved at skrive : Hej
markør = new google.maps.Marker ({ map : map , animation : google.maps.Animation.DROP position : CityExample } ),
google.maps.event . addListener ( markør , 'klik' , toggleBounce ), marker.setAnimation ( google.maps , Animation.BOUNCE );}
3
Skift markør på ikonet til et billede ved at definere billedet fil som markør i kortet muligheder. For eksempel, tilføjer : Hej
var foto = ' monumentPhoto.jpg « var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) , var monumentMarker = new.google.maps.Marker ({ position : exLatLng , map : map , ikon : image } )
4
Opret en trækbart markør ved at tilføje det trækbare metode til Marker konstruktør. Fortsat eksempel fra trin 3 , skal du føje metoden til monumentMarker variable
var foto = ' monumentPhoto.jpg « . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) var monumentMarker = nyt. google.maps.Marker ({ position : exLatLng , trækbart : true , map : map , ikon : image } )