Bruke Google Maps API versjon tre , viser Google plasseringer på et kart ved hjelp av push- pin ikoner som kalles markører . For eksempel kan det være lurt å lage en egendefinert kartet for Paris , France , med markører for monumenter , museer og berømte restauranter . Du oppretter markører ved hjelp av den innebygde " Markers " objekt og definere når Google viser flere markører med " Drop "-funksjonen . Instruksjoner
en
Åpne HTML-fil og bla nedover i koden til der du starte din Google Map .
2
Lag markøren ved å initialisere en markør variabel og sette markør parametere. For eksempel skrive : en
Var eiffelMarker = paris google.maps.Marker ( {position : ( -48,5132 , 002,1745 ) kart : map , title: " Eiffeltårnet "} ) ;
i dette eksemplet oppretter Google Maps en markør for Eiffeltårnet på Paris kartet. Den " posisjon " attributt er Eiffeltårnet breddegrad og lengdegrad koordinater. Eiffeltårnet er navnet eller tittelen en bruker leser når musen over merket .
3
Gjenta trinn 2 for hver markør plassering på kartet. Bruk beskrivende variabelnavn , og skriv inn geo - koordinater for markørens posisjon. Tittel markøren med plasseringen navn.
4
Stagger tiden at Google faller markørene på kartet . Hvis du har mange markører på et kart , for usability formål , foretrekker du kanskje slippe markører én etter én i stedet for å dumpe dem på kartet på en gang. For eksempel , å rave markør dråper , skriver du følgende : en
funksjon dråpe ( ) { for ( parisMarker i = 0 ; i < markerArray.length ; i + + ) { setTimeout ( function () { addMarkerMethod (); } , i * 200 ); } }
I dette eksempelet roterer Google Maps via spekter av markører og faller hver markør innen et kvart sekund av hverandre
.