Een marker is een push - pins pictogram dat Google Maps wordt weergegeven op de top van een specifieke locatie . Door gebrek, wanneer u op een markering klikt , Google Maps opent een kleine informatieve venster . Bijvoorbeeld , een kaart van New York state toont een push - pins marker op Albany . Wanneer u op de markering klikt , verschijnt er een venster waarin staat dat Albany is de hoofdstad van New York . In uw Google Maps JavaScript code , kunt u het uiterlijk en de acties van de marker met de google.maps.Marker constructor wijzigen . Instructies
1 Open uw HTML-bestand en ga naar uw Google Maps code . Kopen van 2 Maak een geanimeerde drop markers die druppels op een kaart en stuitert op en neer op een locatie door te typen : marker
= new google.maps.Marker ( { map : map , animatie : google.maps.Animation.DROP positie : CityExample } ) ; google.maps.event
. addListener ( marker , 'klik' , toggleBounce ) ; marker.setAnimation ( google.maps , Animation.BOUNCE ) ; }
3 Verander het pictogram marker om een beeld door het definiëren van de afbeelding bestand als de marker in de map opties . Voeg bijvoorbeeld : var foto
= ' monumentPhoto.jpg ' ; var exLatLng = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position : exLatLng , map : map , pictogram : image} ) ;
4 Maak een verplaatsbare marker door het toevoegen van de draggable methode om de marker constructeur . Voortzetting van het voorbeeld uit stap 3 , voeg de methode om de monumentMarker variabele var foto
= ' monumentPhoto.jpg ' ; . Var exLatLng = new google.maps.LatLng ( 41,403226 , 2,174821 ) ; var monumentMarker = new . google.maps.Marker ( {position : exLatLng , versleepbare : true , map : map , pictogram : image} ) ;
|
