Het gebruik van de Google Maps API -versie drie , Google toont locaties op een kaart met push - pins iconen genaamd markers . Bijvoorbeeld , kunt u een aangepaste kaart voor Parijs , Frankrijk te creëren , met markers voor monumenten , musea en beroemde restaurants . U maakt markeringen met behulp van de ingebouwde " Markers " object en definiëren wanneer Google geeft meerdere markers met de functie " Drop " . Instructies
1 Open uw HTML-bestand en scroll naar beneden in de code naar waar je initialiseren uw Google Map . Kopen van 2 Maak de marker door het initialiseren van een teller variabele en het instellen van de marker parameters . Typ bijvoorbeeld : var eiffelMarker
= paris google.maps.Marker ( {position : ( -48,5132 , 002.1745 ) kaart : kaart , title : " Eiffeltoren " } ) ;
in dit voorbeeld is Google Maps creëert een marker voor de Eiffeltoren op de kaart van Parijs . Het kenmerk " positie " is de Eiffeltoren van lengte-en breedtegraad . Eiffel Tower is de naam of titel van een gebruiker leest wanneer muis over de marker .
3 Herhaal stap 2 voor elke marker locatie op de kaart . Gebruik beschrijvende variabele namen en voer de geo - coördinaten voor de positie van de marker is . Titel van de marker met de naam van de locatie .
4 Stagger de hoeveelheid tijd die Google laat de markeringen op de kaart . Als u een groot aantal markeringen op een kaart , voor usability doeleinden , kunt u de voorkeur laten vallen van de markers een- op -een in plaats van dumpen ze op de kaart in een keer . Bijvoorbeeld , om marker druppels wankelen , typt u het volgende : functie daling
( ) { for ( parisMarker i = 0; i < markerArray.length ; i + + ) { setTimeout ( function ( ) { addMarkerMethod ( ) ; } , i 200 ) * ; } }
In dit voorbeeld is Google Maps draait door uw array van markers en daalt elke markering binnen een kwart van een seconde van elkaar
.
|
