Cómo cambiar el marcador en un API de Google Maps

Un marcador es un icono de alfiler que Google Maps muestra en la parte superior de un lugar específico. De forma predeterminada, cuando se hace clic en un marcador, Google Maps abre una pequeña ventana informativa. Por ejemplo, un mapa del estado de Nueva York muestra un marcador de empuje pines en Albany. Al hacer clic en el marcador, aparece una ventana que indica que Albany es la capital de Nueva York. En su código JavaScript de Google Maps, puede cambiar el aspecto y las acciones del marcador mediante el constructor google.maps.Marker.

Instrucciones

1 Abre el archivo HTML y pasar a su código de Google Maps.

2 Crear un marcador gota de animación que cae en un mapa y rebota hacia arriba y hacia abajo en un lugar escribiendo:

= marcador de nuevo google.maps.Marker ({
Mapa: mapa,
animación: google.maps.Animation.DROP
Posición: CityExample
});

google.maps.event.addListener (marcador, un "clic", toggleBounce);
marker.setAnimation (google.maps, Animation.BOUNCE); }

3 Cambiar el icono marcador a una imagen mediante la definición del archivo de imagen como el marcador en las opciones de mapa. Por ejemplo, agregue:

var foto = 'monumentPhoto.jpg';
var exLatLng = new google.maps.LatLng (41.403226, 2.174821);
var = monumentMarker new.google.maps.Marker ({
Posición: exLatLng,
Mapa: mapa,
Icono: Imagen});

4 Crear un marcador se puede arrastrar añadiendo el método se pueda arrastrar al constructor marcador. Continuando con el ejemplo de la Etapa 3, añadir el método para la variable monumentMarker.

var foto = 'monumentPhoto.jpg';
var exLatLng = new google.maps.LatLng (41.403226, 2.174821);
var = monumentMarker new.google.maps.Marker ({
Posición: exLatLng,
arrastrable: true,
Mapa: mapa,
Icono: Imagen});