¿Cómo puedo hacer que el marcador del mapa de google crezca más grande cuando el mouse sobre él?

Question

En Google Map API v3, como título, solo vi 2 tipos de animación en google map api, pero vi en algunos lugares que el marcador de mapa se animaba como si creciera grande cuando el mouse sobre él? ¿Cómo implementar esto?

Answer 1

Utilice el controlador de eventos mouseover del marcador y el método setIcon(). Puede utilizar dynamic icons de Google Chart API para este propósito, y cambiar el atributo chld para hacer que el icono de crecer:

http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.5|0|FF8800|15|_|

http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.6|0|FF8800|15|_|

http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.7|0|FF8800|15|_|

Don' ¡olvide establecer el punto de anclaje adecuado! Por ejemplo:

marker.setIcon(new google.maps.MarkerImage(
    'http://chart.googleapis.com/chart?chst=d_map_spin&chld=0.65|0|FF8800|15|_|', 
    null, 
    null, 
    new google.maps.Point(11, 43) // this is the proper anchor point for scale 0.65 
)); 

Answer 2

Puede usar su propia imagen como marcador, luego haga uso de la propiedad scaledSize para que la imagen de marcador se agrande cuando se active el evento mouseover.

No sé de una manera de hacer esto sin hacer algunas cosas más complicadas como esta.