Kakao Map API with 애완동물병원 #8

지난이야기

 

2023.03.21 - [프로젝트 정리/애완동물 종합 솔루션(CatDogForest)] - Kakao Map API with 애완동물병원 #7

 

지도의 서남, 북동쪽 위경도를 가져와서 지도 내부에 병원이 있다면 최대 100개까지 마커로 표시해주고

위 동작을 drag가 끝났을때 줌의 레벨이 변경되었을때 동작하게 한다.

그리고 지도의 중심부에서 가장 가까운 5개 병원이 리스트로 출력된다.

 

 

TODO

페이지에 들어왔을때 지도에 모든 병원 정보를 마커와 클러스터에 등록시키고 지도를 움직일때 가장 가까운 5개 병원만 리스트로 출력하게 하는것이 오히려 자원적으로나 성능적으로 우위라고 판단이 되어 로직을 그리 변경할 예정이다.

하단부 List를 출력하기 전에 drag나 zoom_change 이벤트를 발생시키면 해당 element를 찾지 못해서 

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'place_name') 라는 에러가 자꾸 발생하는데 이 또한 해결해야 한다.

그리고 마커의 InfoWindow와 리스트 모양이 너무 엉망이라 이것 또한 개선사항이다.