Una vez que podría haber jurado, vi una demostración de usar Google Maps JavaScript API v3 para crear un efecto donde aparecía el icono del marcador del mapa Cayó del cielo y aterrizó en el mapa.Google Maps (JS-v3): ¿Cómo puedo hacer que mis marcadores "caigan del cielo"
He buscado y buscado, incluyendo looking at the API, y no puedo encontrar ese ejemplo.
¿Alguien más información sobre cómo lograr este caso de uso?
Gracias
que no saben mucho acerca de la API de Google, pero sé que podría hacer esto con simplemente jQuery
Debe implementar la clase de marcador de costumbre se extiende google.maps.OverlayView.
Básicamente eso equivale a implementar 3 métodos: onAdd/onRemove (que son buenos candidatos para iniciar animaciones) y draw (que probablemente solo debería actualizar la posición del marcador).
Simplemente extendiendo OverlayView como lo sugiere giogiga es probablemente la manera más segura de hacerlo, pero claramente no es la manera fácil, porque Marker tiene muchas cosas incorporadas como icono, sombra y capacidad de arrastre.
Es realmente tentador ampliar la clase Marker, pero esa clase es opaca, no revela sus partes internas, p. Ej. no puedes acceder fácilmente a los elementos DOM subyacentes, que necesitarías para animar el marcador. Podrías hackear algo con , pero el resultado será algo frágil y con errores. Alternativamente, podrías hackear el camino hacia los nodos DOM subyacentes, pero entonces tu poder sería aún más frágil.
Parece que la reimplementación completa de Marker sigue siendo la mejor manera de hacerlo.
A partir de la última 3.3 build, sólo tiene que añadir Animación: google.maps.Animation.DROP
a su lista de propiedades al crear el marcador. Lo hace todo por ti. El rebote también es posible, aunque he descubierto que sin una forma fácil de hacerlo rebotar solo una vez y parar, es más un problema de lo que vale.
¡Esto funciona perfectamente! –
Las animaciones de marcador ahora son parte de v3 API.
http://code.google.com/apis/maps/documentation/javascript/overlays.html#MarkerAnimations
Eso no funciona. Vea esta publicación en cuanto a por qué: http://stackoverflow.com/questions/1678412/jquery-google-maps-bounce-using-jquery-bounce-package – teddyk
Um ... No veo ningún lugar en esa publicación que diga algo sobre eso no funciona ... – Entity
No puedo enlazar con un comentario de StackOverflow, pero en esa página dice ** "Esto no funcionará en V3, solo en V2. V3 no tiene rebote, de hecho el marcador no incluso recoger de la página. - Chris Drackett 29 de junio a las 21:34 "** – teddyk