안녕하세요.
panTo 도중 지도를 클릭하면 지도가 해당 위치에 멈추게 되고 center_changed, bound_changed 이벤트가 발생하지 않는 이슈가 있어서 문의드립니다.
일단 코드는 다음과 같습니다.
panTo 이후 이동이 완료되었다는 것을 탐지하기 위해 bounds_changed 이벤트를 걸어두었고, panTo로 지도 이동이 완료되면 bounds_changed 이벤트가 발생해서 이후 동작을 수행하도록 해두었습니다.
<div id="map" style="width:750px;height:750px;"></div>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(37.56682, 126.97865), // 지도의 중심좌표
level: 1, // 지도의 확대 레벨
mapTypeId : kakao.maps.MapTypeId.ROADMAP, // 지도종류
disableDoubleClick : true,
};
// 지도를 생성한다
var map = new kakao.maps.Map(mapContainer, mapOption);
// 지도 영역 변화 이벤트를 등록한다
setTimeout(function() {
var moveTo = new kakao.maps.LatLng(37.56562, 126.97865);
map.panTo(moveTo);
}, 1000);
kakao.maps.event.addListener(map, 'bounds_changed', function () {
var mapBounds = map.getBounds(),
message = '지도의 남서쪽, 북동쪽 영역좌표는 ' +
mapBounds.toString() + '입니다.';
console.log(message);
});
</script>
panTo가 정상적으로 실행되면, bounds_changed 이벤트가 발생하고 있습니다.
현재 발생하는 이슈는 panTo가 실행되는 도중 지도 이동을 완료하기 전 지도를 클릭하면 지도가 멈추게 되고, bounds_changed나 center_changed 이벤트가 발생하지 않고 있습니다.
(지도가 멈추었다고 하더라도, 원래 좌표에서 약간은 이동한 상태입니다.)
문의드리고 싶은 내용은
-
panTo 도중 지도를 클릭하더라도 지도가 멈추지 않게 되는데, 혹시 의도된 동작인지 궁금합니다.
-
혹시 panTo 도중 지도를 클릭하더라도 지도가 멈추지 않고, 목표한 좌표까지 정상적으로 이동을 완료할 수 있는 방법이 있을까요?
-
2번이 불가능하다면 panTo가 정상적으로 실행되거나 도중에 지도를 클릭해서 지도를 멈추더라도, 발생하는 이벤트가 있을까요?
-
panTo 완료에 대한 시그널을 bounds_changed 이벤트를 통해 받고 있는데, 혹시 panTo가 완료되었다는 시그널을 주는 다른 이벤트가 있을까요? (center_changed나 idle 이외 panTo 전용 이벤트가 있을까요?)
감사합니다.