kakao map api

· React
너무 많은 API 호출Kakao Map Api를 활용하여 프로젝트를 진행 중인데, 지도를 구현하던 중 버튼을 클릭하거나 지도 크기를 조정하는 등 화면이 리랜더링 됐을 때 처음 설정해 두었던 좌표로 다시 이동하는 문제가 있었습니다. 그렇기에 지도를 움직일 때마다 현재 위치를 재조정해주도록 코드를 수정하였는데, 좌표값이 이동할 때마다 현재 위치를 재조정해주니 아래 사진과 같이 너무 많은 API 호출이 발생하였습니다. 한번 움직일때마다 이렇게 많은 호출이 일어나면 짧은 시간에 너무 많은 데이터가 들어오기 때문에 웹의 성능이 저하될 가능성이 높습니다. 또한 카카오의 경우 무료 API라 괜찮지만 유료 API인 경우에는 많은 과금이 발생할 가능성도 있습니다.저 같은 경우에는 이동이 완료된 이후의 위치만 알면 되기 ..
· 오류해결
오류 내용(@post)에서 customoverlay로 클릭이벤트를 구현하는 도중 생성한 element에 id값이 정상적으로 등록되지 않는 버그가 있었습니다. 기존 구현했던 코드에서는 customoverlay를 생성하고 클릭 이벤트를 등록하는 방식이였는데, kakao map api의 경우, kakao.maps.customoverlay로 생성된 오버레이는 document.getElementById()로는 즉시 접근할 수 없는 경우가 발생할 수도 있다고 합니다.  해결무조건 customoverlay가 생성된 이후 클릭 이벤트가 등록되게 하기 위해 기존 customoverlay를 생성하고 클릭 이벤트를 등록하는 과정을 따로따로 하는 방식에서 customoverlay를 생성하는 동시에 클릭 이벤트를 등록하는 방식..
OH HAMIN
'kakao map api' 태그의 글 목록