Använda Google Maps API version tre , visar Google platser på en karta med hjälp av push- pin ikoner kallade markörer . Till exempel kanske du vill skapa en anpassad karta för Paris , Frankrike , med markörer för monument , museer och berömda restauranger . Du skapar markörer med hjälp av den inbyggda " Markers " objekt och definiera när Google visar flera markörer med hjälp av " Drop " -funktion . Instruktioner
1
Öppna din HTML-fil och bläddra ner i koden där du startar upp din Google Map .
2
Skapa markören genom att initiera en markör variabel och ställa markör parametrar . Till exempel , typ :
var eiffelMarker = paris google.maps.Marker ( { ställning : ( -48,5132 , 002.1745 ) : map , titel : " Eiffeltornet " } ) ;
i det här exemplet skapar Google Maps en markör för Eiffeltornet på Paris kartan . Den " positionen " attribut är Eiffeltornet latitud och longitud . Eiffeltornet är namnet eller titeln en användare läser när musen över markören . Addera 3
Upprepa steg 2 för varje markör plats på kartan . Använd beskrivande variabelnamn och skriv in den geo - koordinaterna för markörens position. Titel markören med platsens namn .
4
Stagger den tid som Google tappar markörerna på kartan . Om du har många markörer på en karta , för användbarhet ändamål , kanske du föredrar att tappa markörerna en efter en istället för dumpning dem på kartan på en gång . Till exempel , att vackla markör droppar , skriver du följande :
drop
function () {for ( parisMarker i = 0 ; i. < markerArray.length , i + + ) { setTimeout ( function ( ) { addMarkerMethod ( ) ; } , i * 200 ) ; } }
i det här exemplet roterar Google Maps genom din samling av markörer och droppar varje markör inom en kvarts sekund av varandra
.