안녕하세요.
도움을 받고 싶어 이렇게 질문을 올립니다.
제가 현재 구현한 내용은 아래와 같습니다.
카테고리로 장소 검색을 통해 3개의 카테고리의 1~3페이지까지 json 데이터를 받아옵니다.
https://developers.kakao.com/docs/restapi/local
json을 받아온 데이터를 바탕으로 marker를 그립니다.
드래그하여 center 좌표가 변경될 경우 다시 1 ~ 2 작업을 반복합니다.
이렇게 구현한 상태에서
3번 행동을 할 경우(드래그할경우) 크롬에서는 약 921ms 이내에 끝나는 작업(1, 2작업)이 익스플로러 11에서는 대략 4577ms정도 소요되고 있습니다.
혹시 이와 관련하여 해결법을 아시는지 도움을 받고 싶습니다. 감사합니다.
지도의 어떤 이벤트에서 동작했느냐가 중요합니다.
center_changed 이벤트에서 위 3번 동작을 실행하게 했다면 연산량이 엄청날겁니다.
idle 이벤트로 변경해주시고요.
직접 로컬 REST API를 Ajax로 호출하시는 것 같은데
http://apis.map.daum.net/web/documentation/#services_Places
JS 로 wrapping한 라이브러리도 있습니다. 고려해 볼만 합니다.
지도의 어떤 이벤트에서 동작했느냐가 중요합니다.
center_changed 이벤트에서 위 3번 동작을 실행하게 했다면 연산량이 엄청날겁니다.
idle 이벤트로 변경해주시고요.
daum.maps.event.addListener(map, ‘dragend’, function() {});
이벤트를 사용하여 3번 동작을 실행하게 하였습니다.
이 이벤트는 사용해도 괜찮을까요?
직접 로컬 REST API를 Ajax로 호출하시는 것 같은데
http://apis.map.daum.net/web/documentation/#services_Places
JS 로 wrapping한 라이브러리도 있습니다. 고려해 볼만 합니다
네, 맞습니다. 지금까지 REST API를 Ajax로 호출하였습니다.
그런 방법이 있다니 감사합니다. 한번 시도해보겠습니다.
dragend 사용가능합니다만
zoom이 변경된 이후에도 다시그려야 한다면 추가로 zoom_changed 이벤트에도 걸어야 할겁니다.
idle이 아마 가장 무난하지 않나 싶은데요… 하지만 이건 서비스의 스펙에 따라 달라지긴 합니다. 저는 그냥 추천드리는 거고 필요하신 이벤트 사용하시면 됩니다. 다만 center_changed는 너무 빈번하게 호출되므로 지양하시는게 좋다는 의미로 댓글을 단 거구요 ㅎ