두 개의 GPS 좌표를 따라 마커를 부드럽게 이동

하나의 GPS 좌표에서 다른 GPS 좌표로 마커를 애니메이션하려고합니다. 현재 Google지도를 사용 하여이 작업을 수행하고 있지만 알고리즘이 올바르게 보이지만 Google지도는 GPS 위치를지도의 올바른 픽셀로 변환하는 데 열악한 작업을 수행하므로지도를 축소하면 애니메이션이 매끄럽지 않습니다. . 확대하면 매우 매끄 럽기 때문에 Google에서 LatLng-> 픽셀 변환이 잘못되어 "지그재그"가 발생했다고 생각합니다.

가장 좋은 해결책은 마커 (x, y) 픽셀 좌표를 직접 처리하는 것이지만 불행히도 마커에 픽셀 위치를 할당하는 공개 방법은 없습니다.

코드는 여기에 있습니다 : http://dev.syskall.com/map/

축소 할 때 애니메이션을 어떻게 매끄럽게 만드시겠습니까? 또는 Google지도에서 불가능한 경우 수행하려는 작업을 수행 할 수 있도록 Google지도와 동등한 기능을 사용하는 데 관심이 있습니다.

추신 : 이것이 내 질문을하기에 적합한 장소인지 확실하지 않습니다. 그렇지 않은 경우 알려주십시오.

v2 http://econym.org.uk/gmap/example_cartrip.htm

v3 http://plebeosaur.us/etc/map/ (iPhone에서 가장 잘 작동 함) 원시 GPS 데이터를 사용할 수 있습니다.

팁-반올림 할 때 (소수점 2 자리) 픽셀 좌표 대신 실제 지리적 좌표를 사용하고 지리적 좌표는 6dp를 사용합니다.

당신이 사용할 수있는 마커 - 애니메이션 - 눈에 거슬리지 마커 한 위치에서 다른 위치로 원활하게 전환 할 라이브러리를.

다음과 같이 마커를 초기화 할 수 있습니다.

var marker = new SlidingMarker({
   //your original marker options
   //...
});

따라서 마커는이 호출에서 시작 위치에서 지정된 위치까지 애니메이션으로 표시됩니다.

marker.setPosition(givenPosition);

추신 : 저는 도서관의 저자입니다.

이것도 확인할 수 있습니다 : http://mypersonalsoft.blogspot.com/2012/02/simulating-moving-targets-in-google.html

GPS 대상을 시뮬레이션하는 Google 맵에서 대상이 천천히 이동합니다.

다음과 같은 접근법을 고려할 수도 있습니다.

• 모든 위치마다 두 좌표 사이에 마커 모음을 생성
• marker.setVisibility(value)기능을 사용하여 특정 마커를 토글

완전한 예

JSFiddle