2012-07-17 12 views
9

Dati due punti geo-localizzati (inizio e fine del percorso), desidero animare il disegno del percorso tra di essi.Animare un percorso con google map js api v3

Sai come se è possibile con la mappa di Google js v3 api?

Grazie

+4

E 'certamente possibile animare un marker lungo il percorso: http://www.geocodezip.com/v3_animate_marker_directions.html. Esempio di versione 2 della linea animata: http://econym.org.uk/gmap/example_cartrip2.htm –

+1

... e se preferisci volare invece di guidare: http://maps.forum.nu/v3/gm_flight_path_animated .html – Marcelo

+0

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

risposta

11

ho trovato qualcosa per te.

http://www.geocodezip.com/v3_animate_marker_directions.html Visita questo sito colpo F12 su Chrome vai alla scheda fonti e selezionare v3-animato-marcatore-direction.html Avrete il codice completo di esso su come viene utilizzato. Ho bisogno di aiuto su di esso, gentilmente commentare

e un buon esempio anche qui, ma credo che è implementato su v2 http://www.kmcgraphics.com/google/

saluti, Suyash

+0

Grazie, posso avere una soluzione uguale con il solo aumento del colore del percorso. – eronax59

5

Usando questo Example è possibile animare di più di un marcatore all'interno del percorso. le funzioni animate e startAnimation gestiscono più marker. È possibile modificare il codice in base alle proprie esigenze. Spero che sia d'aiuto.

-2

In questo 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 
}; 
Problemi correlati