2012-07-17 7 views
9

두 개의 지리적 지역화 지점 (경로의 시작과 끝)이 주어지면 그 사이의 경로 그림을 애니메이션화하려고합니다.Google지도 js api v3로 경로 애니메이션하기

Google지도 js v3 API로 달성 할 수 있다면 어떨까요?

감사합니다.

+4

그것은 경로를 따라 마커 애니메이션을 확실히 가능 : http://www.geocodezip.com/v3_animate_marker_directions.html합니다. 버전 2의 애니메이션 경로 노선 : http://econym.org.uk/gmap/example_cartrip2.htm –

+1

... 운전 대신에 비행하는 것을 선호하는 경우 : http://maps.forum.nu/v3/gm_flight_path_animated .html – Marcelo

+0

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

답변

11

내가 당신을 위해 뭔가를 찾았습니다.

http://www.geocodezip.com/v3_animate_marker_directions.html 방문 크롬에이 웹 사이트의 히트 F12은 소스 탭으로 이동 및 v3 - 애니메이션 - 마커 direction.html 을 선택하면 거의 사용 방법에 대한 그것의 전체 코드. 나는 당신이 친절하게 여기 또한

와 꽤 좋은 예를 언급, 거기에 도움이 필요합니다,하지만 난 그게 v2에서 구현 http://www.kmcgraphics.com/google/

감사합니다,이 Example에게 더 많은 애니메이션을 적용 할 수 있습니다 사용 Suyash을

+0

감사합니다. 경로 색상 만 증가시키면서 동일한 솔루션을 사용할 수 있습니까? – eronax59

5

생각 경로 내에서 하나의 마커보다 animate 및 startAnimation 함수는 여러 마커를 처리합니다. 요구 사항에 따라 코드를 수정할 수 있습니다. 희망이 도움이됩니다. 이 example에서

-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 
}; 
관련 문제