[네이버 지도] idle 이벤트 발생 조건에 대해 궁금합니다.

[데브명]

제가 근무하는 회사의 서비스에는 지역 자영업자의 매출 정보를 
지도와 통합하여 보여주는 기능이 있는데 
최근 유일하게 한 매장만 지도에서 'idle' 이벤트가 발생하지 않는 이슈가 발생했습니다.
그래서 저희는 tilesloaded 이벤트와 timer(setTimeout) 및 
저희 서버에서 받은 bbox 데이터(GeoJsonObject)를 사용한 fitBounds 메서드 호출로 
단기적인 이슈를 해결한 상황입니다.
'idle' 이벤트가 발생하는 조건은 무엇인지요? 
그리고 공식문서에서의 '유휴 상태'가 어떤 것을 뜻하는 것인지요? 

작업간 적확한 이슈 해결을 위해 
'idle' 이벤트 발생의 기술적 맥락 내지 배경이 궁금해서 질문을 드리게 되었습니다.
친절한 답변 부탁 드리겠습니다.
감사합니다.

[kkokko.jeong]

안녕하세요.

`idle` 이벤트는 지도 이동 (`center`, `zoom` 값 변경) 완료된 후 발생합니다.

유휴 상태란 지도 이동 동작이 완료된 후 아무 동작이 없는 것을 의미합니다.

 

지도 이동 후에 idle 이벤트 발생하지 않는다면 간략한 재현 코드 알려주시면 확인해보겠습니다.

감사합니다.

[minan]

현재 ref.panToBounds(new navermaps.PointBounds(bbox))
코드를 사용하여 맵을 특정 영역으로 이동시키는 작업을 진행 중입니다.
그런데, bbox 값에 특정 좌표
[126.915987105, 37.483809001, 126.934204909, 37.490276924]
를 넣고 panToBounds를 호출한 후,
idle 이벤트가 계속 대기 중인 상태로 발생하지 않는 문제가 발생하고 있습니다.

감사합니다.

Edited April 9 by minan

[kkokko.jeong]

panToBounds 를 중복으로 호출했는지 확인 부탁드립니다.

 

아래처럼 테스트했을 때 정상적으로 `idle` 이벤트 호출됩니다.

다만 중복으로 호출 시 목표 center, zoom 이 똑같기 때문에 지도 이동이 발생하지 않아 `idle` 이벤트를 발생시키지 않습니다.

 

// panToBounds 콘솔창에서 호출

map.panToBounds([126.915987105, 37.483809001, 126.934204909, 37.490276924]);

 

```js

var map = new naver.maps.Map('map', {
    center: new naver.maps.LatLng(37.3595704, 127.105399),
    zoom: 10
});

map.addListener('idle', function() {
    console.log('fire idle!');
});

```

 

[데브명]

몇 번이고 확인을 해 봤는데 panToBounds를 두 번 호출하지 않습니다.
또한 말씀하신대로 일부러 두 번 호출하게 코드를 수정해서 체크를 해봐도
특정 위치인((126.915987105,37.483809001),(126.934204909,37.490276924)) 
저희 서비스에선 신림동 쪽에서만 idle 이벤트가 발생하지 않습니다. 
(즉, 해당 지역의 동일한 목표값으로 panToBounds를 두 번 중복 호출해도 다른 곳은 모두 idle 이벤트가 발생합니다.) 

idle 이벤트가 발생하는, 제가 알지 못하는 또 다른 조건이 있을런지요?
딱히 없다면 사실 현재의 내용만으로는 디버깅이 쉽지는 않을 것이라는 판단입니다.

그래도 친절한 답변 주셔서 많은 도움 되었습니다.
감사합니다.

[kkokko.jeong]

재현 가능하도록 Pure JavaScript 코드 알려주시면 디버깅 해보겠습니다.

감사합니다.