En markör är en push - pin ikon som Google Maps visar på en viss plats . Som standard , när du klickar på en markör , öppnar Google Maps ett litet informationsfönster . Till exempel visar en karta över New York state en push - pin markör på Albany . När du klickar på markören , visas ett fönster som anger att Albany är huvudstad i New York . I Google Maps JavaScript -kod , kan du ändra utseendet och åtgärder av markören med google.maps.Marker konstruktorn . Instruktioner
1
Öppna din HTML-fil och flytta till din Google Maps -kod .
2
Skapa en animerad droppe markör som droppar på en karta och studsar upp och ner på en plats genom att skriva:
markör = ny google.maps.Marker ( { kartan: map , animering : google.maps.Animation.DROP ställning : CityExample } ) ;
google.maps.event . addListener ( markör , "klick" , toggleBounce ) ; marker.setAnimation ( google.maps , Animation.BOUNCE ) ; } Addera 3
Ändra markören ikonen till en bild genom att definiera bilden fil som markör i kartalternativen . Till exempel , lägg till:
var bild = ' monumentPhoto.jpg ' , var exLatLng = ny google.maps.LatLng (41.403226 , 2.174821) , var monumentMarker = new.google.maps.Marker ( { ställning : exLatLng , kartan: map , icon : image } ) ;
4
Skapa en dragbar markör genom att lägga till dragbar metoden till Marker konstruktören . Fortsatt exemplet från Steg 3 , tillsätt metoden till monumentMarker variabeln
var bild = ' monumentPhoto.jpg ' , . Var exLatLng = ny google.maps.LatLng ( 41,403226 , 2,174821 ) , var monumentMarker = ny . google.maps.Marker ( { ställning : exLatLng , dragbart : true , kartan: map , icon : image } ) ;
