Un marcador es un icono de la chincheta que Google Maps muestra en la parte superior de un lugar específico. De forma predeterminada , al hacer clic en un marcador , Google Maps se abre una pequeña ventana de información. Por ejemplo , un mapa del estado de Nueva York muestra un marcador de push- pin en Albany. Al hacer clic en el marcador , aparece una ventana que indica que Albany es la capital de Nueva York. En los mapas de código JavaScript de Google, puede cambiar la apariencia y las acciones del marcador con el constructor google.maps.Marker . Instrucciones
1
Abra el archivo HTML y pasar a su código de Google Maps.
2
Crear un marcador caída de animación que cae en un mapa y rebota hacia arriba y hacia abajo en un ubicación , escriba:
marcador = new google.maps.Marker ({ mapa: mapa, animación : Posición google.maps.Animation.DROP : CityExample } ) ;
google.maps.event . addListener ( marcador, 'click', toggleBounce ) ; marker.setAnimation ( google.maps , Animation.BOUNCE ) ;}
3
Cambia el icono de marcador para una imagen mediante la definición de la imagen archivo como el marcador en las opciones del mapa . Por ejemplo , añadir:
var foto = ' monumentPhoto.jpg ' ; exLatLng var = new google.maps.LatLng (41.403226 , 2.174821) ; var monumentMarker = new.google.maps.Marker ( {position : exLatLng , el mapa: mapa , icono : image} ) ;
4
Crear un marcador desplazable añadiendo el método de arrastrar al constructor Marker . Siguiendo con el ejemplo del paso 3 , agregue el método a la variable monumentMarker
var foto = ' monumentPhoto.jpg ' ; . ExLatLng var = new google.maps.LatLng ( 41.403226 , 2.174821 ) ; monumentMarker var = new . google.maps.Marker ( {position : exLatLng , arrastrar : true, el mapa: mapa , icono : image} ) ;