2012-07-17 36 views
9

Dado dos puntos geo-localizados (inicio y final de la ruta), quiero animar el dibujo de la ruta entre ellos.Animar una ruta con google map js api v3

¿Sabes cómo se puede lograr con el mapa de Google js v3 api?

Gracias

+4

Es ciertamente posible para animar un marcador a lo largo de la ruta: http://www.geocodezip.com/v3_animate_marker_directions.html. Ejemplo de la versión 2 de la línea de ruta animada: http://econym.org.uk/gmap/example_cartrip2.htm –

+1

... y si prefiere volar en lugar de conducir: http://maps.forum.nu/v3/gm_flight_path_animated .html – Marcelo

+0

Puede probar [esto] (http://stackoverflow.com/questions/10277005/how-to-reset-value-of-steps-in-google-maps-v3-animation) o [esto] (http : //stackoverflow.com/questions/10904476/js-google-maps-api-v3-animate-marker-between-coordinates) try: marker.setAnimation (google.maps.Animation.BOUNCE); – Martin

Respuesta

11

Encontré algo para ti.

http://www.geocodezip.com/v3_animate_marker_directions.html Visita esta web hit F12 en cromo ir a la pestaña de fuentes y seleccionar v3-animado-marcador-direction.html Usted el código completo de la misma en la forma en que se utiliza. Te necesito ayuda en él, la amabilidad de comentar

y un muy buen ejemplo aquí también, pero supongo que se implementa en v2 http://www.kmcgraphics.com/google/

Saludos, Suyash

+0

Gracias, ¿Puedo tener una solución igual con solo aumentar el color de la ruta? – eronax59

5

El uso de este Example se pueden animar más de uno marcadores dentro de la ruta. las funciones animadas y de inicio de animación manejan múltiples marcadores. Puede modificar el código según su requerimiento. Espero eso ayude.

-2

En este example:

var symbolTwo = { 
    path: 'M -1,0 A 1,1 0 0 0 -3,0 1,1 0 0 0 -1,0M 1,0 A 1,1 0 0 0 3,0 1,1 0 0 0 1,0M -3,3 Q 0,5 3,3', 
    strokeColor: '#00F', 
    **rotation**: 45 
}; 
Cuestiones relacionadas