2012-07-17 24 views
9

Jeo-yerelleştirilmiş iki nokta (yolun başlangıcı ve sonu) verildiğinde, aralarındaki rotanın çizimini canlandırmak istiyorum.Google harita js api v3 ile bir rota oluşturma

Google map js v3 api ile nasıl elde edilebileceğini biliyor musunuz?

Teşekkür

+4

Bu rota boyunca bir işaret animasyon uygulamak için kesinlikle mümkün: http://www.geocodezip.com/v3_animate_marker_directions.html. Sürüm 2 animasyonlu yol çizgisi örneği: http://econym.org.uk/gmap/example_cartrip2.htm –

+1

... ve sürüş yerine uçmayı tercih ederseniz: http://maps.forum.nu/v3/gm_flight_path_animated .html – Marcelo

+0

[Bu] 'ı deneyebilirsiniz (http://stackoverflow.com/questions/10277005/how-to-reset-value-of-steps-in-google-maps-v3-animation) veya [this] (http : //stackoverflow.com/questions/10904476/js-google-maps-api-v3-animate-marker-between-coordinates) şunu deneyin: marker.setAnimation (google.maps.Animation.BOUNCE); – Martin

cevap

11

sana bir şey buldum.

http://www.geocodezip.com/v3_animate_marker_directions.html ziyaret krom bu web hit F12 kaynaklar sekmesine gidin ve v3-animate-işaretleyici-direction.html seçmek Sen olacak o nasıl kullanıldığına bunun tam kodu. Ben nazikçe burada da

ve oldukça iyi bir örnek açıklama, üzerinde ihtiyaç, ama v2 uygulandığını http://www.kmcgraphics.com/google/

Saygılarımızla, bu Example daha canlandırabilirsiniz kullanma Suyash

+0

Teşekkürler, Sadece rota rengini artırarak tek bir çözümü alabilir miyim. – eronax59

5

tahmin Rotadaki bir işaretçiden daha fazla. animasyon ve startAnimation işlevleri, çoklu işaretçileri kullanır. Kodu gereksiniminize göre değiştirebilirsiniz. Umarım yardımcı olur. Bu example yılında

-2

:

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 
}; 
İlgili konular