Google지도를 느리게 계속 팬으로 설정할 수 있습니까? 지구 혁명처럼?

Question

제목이 말하는대로입니다. 솔루션을 찾고 있는데 올바른 문서 나 기사로 인도 한 내용을 찾지 못했습니다.

아이디어가 있거나 제가 해결할 수있는 해결책을 제시 할 수 있다면 큰 도움이 될 것입니다.

감사

Answer 1

당신은 자신이 좋아이 작업을 수행 할 수 있습니다

• 사용 setInterval는 주기적으로 실행하는 기능을 설정할 수 있습니다.
• 이 함수는 Google지도 객체에서 panBy을 호출하여 조금 ""회전합니다.

원하는 애니메이션을 제공해야합니다. 당신은 setInterval에주는 시간 간격을 조정하여 물론 부드럽게 느껴지도록하고 싶을 것입니다. 적절한 x 및 n 값을 선택

이

// Create your map and leave it in the "map" variable. 
setInterval(function() { 
    map.panBy(x, 0); 
}, n); 

당신에게 달려있다 : 당신이 뭔가를해야한다.

Answer 2

허용되는 대답은 괜찮지 만 조금 구식입니다. window.setInterval 대신 window.requestAnimationFrame을 사용하십시오. 이렇게하면보다 부드러운 애니메이션을 얻을 수 있습니다.

간단한 예는 (내가 아니라)에서 here을 발견 할 수 있지만, 그것의 요점은 다음과 같이 보입니다 :

var map = new google.maps.Map(document.getElementById('my-map'), mapOptions) 
function animate() { 
    map.panBy(2.5/2, 1.3/2) 
    window.requestAnimationFrame(function() { 
    animate() 
    }) 
} 
// eslint-disable-next-line 
google.maps.event.addListenerOnce(map, "tilesLoaded", function() { 
    window.requestAnimationFrame(function() { 
    animate() 
    }) 
}) 
window.requestAnimationFrame(function() { 
    animate() 
}) 

을