230628 카카오지도로 장소와 지역 검색하기

230628 카카오지도로 장소와 지역 검색하기

카카오지도API를 라이브러리를 활용한 장소 검색과 지역검색. 그리고 현재 위치 검색

 

장소 검색

services 라이브러리의 Places를 사용하여 장소를 검색하고 검색결과를 받아 마커로 표시

한 페이지에 최대 15개, 페이지네이션을 통해 3페이지까지 총 45개의 항목을 가져올 수 있다

const Places = kakao.maps.services.Places()

Places.keywordSearch(keyword, placesSearchCB)

 

지역 검색

services라이브러리의 Geocoder를 사용하여 검색하며 size 값을 통해 최대 30개의 항목을 가져올 수 있다

const Geocoder = kakao.maps.services.Geocoder()
Geocoder.addressSearch(keyword, addressSearchCB, { size: 30 })

 

현재 위치 검색

브라우저의 Geolocation API를 사용하여 현재 위치 권한을 허락했을 때 사용자의 위치를 가져올 수 있다

사용자의 위치는 위도, 경도 값으로 가져오며, 지역 검색과 마찬가지로 Geocoder를 사용하여 법정동과 행정동을 가져온다. 

navigator.geolocation.getCurrentPosition((position) => {
  const { longitude, latitude } = position.coords
  Geocoder.coord2RegionCode(longitude,latitude,coordsSearchCB)
}