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

애완동물 병원 정보를 다루는 프로토타입을 완성했다.

 

 

페이지에 처음 들어올때 전체 지도 정보를 가져와 마커와 클러스터로 구성하고, geolocation으로 가져온 현재 위치와

지도의 중앙,서남,북동의 위경도 값으로 지도 내부의 위경도를 계산하여 근처에 있는 병원 정보를 리스트로 출력한다.

 

이후 드래그 이벤트나 줌 변경 이벤트가 발생시 마찬가지로 지도 내부의 위경도을 계산하여 리스트로 보여준다.

 

개선점

1. 지도 내부에 병원이 없을때 보여주는 화면(텍스트 크기 등) 변경

2. 자세히 보기로 카카오 페이지로 이동시키는데 이를 target blank를 통해 새 창을 띄워 보여주기

3. 지도의 마커와 클러스터를 구성하는 데이터는 고정된 값이기 때문에 유저가 페이지로 들어갈 때마다 데이터베이스에 접근하기 보다 미리 정보를 가져와 접근시 제공하는 쪽으로 로직을 변경해보기. 

 

이제 openAi API의 'text-davinci-003' 모델을 사용하여 애완동물의 이름을 지어주는 작명소 페이지를 만들어 보려한다.