kakaoMap

2025. 1. 26. 23:33카테고리 없음

728x90
반응형

Kakao 지도 Javascript API 는 지도와 함께 사용할 수 있는 라이브러리 를 지원하고 있습니다.
라이브러리는 javascript API와 관련되어 있지만 조금 특화된 기능을 묶어둔 것을 말합니다. 이 기능은 추가로 불러와서 사용할 수 있도록 되어있습니다.
현재 사용할 수 있는 라이브러리는 다음과 같습니다.

  • clusterer: 마커를 클러스터링 할 수 있는 클러스터러 라이브러리 입니다.
  • services: 장소 검색  주소-좌표 변환 을 할 수 있는 services 라이브러리 입니다.
  • drawing: 지도 위에 마커와 그래픽스 객체를 쉽게 그릴 수 있게 그리기 모드를 지원하는 drawing 라이브러리 입니다.

라이브러리는 계속해서 추가될 예정입니다.

라이브러리 불러오기

라이브러리는 추가로 불러서 사용해야 합니다. 아래와 같이 파라메터에 추가하여 로드합니다.

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APIKEY&libraries=LIBRARY"></script>

LIBRARY 토큰 부분에 사용하고자하는 라이브러리 이름을 적으면 해당 라이브러리를 불러올 수 있습니다.

<!-- services 라이브러리 불러오기 -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APIKEY&libraries=services"></script>
<!-- services와 clusterer, drawing 라이브러리 불러오기 -->
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=APIKEY&libraries=services,clusterer,drawing"></script>

지도 URL

지도 API를 이용해서 특정 위치를 표시한 후, Kakao 지도에서 크게 보기나 길찾기로 연결하고 싶으신 경우에는 다음과 같은 URL를 이용하시면 됩니다. 이 URL을 이용하시면, 사용자의 환경에 따라 PC 버전의 Kakao 지도 또는 모바일웹 Kakao 지도로 자동 연결됩니다.

지도 바로가기

좌표나 장소ID를 이용하여 Kakao 지도에서 해당 위치를 표시한 상태의 URL을 만들수 있습니다. 장소ID는 키워드로 장소 검색 API 또는 카테고리로 장소 검색 API를 이용한 경우에 반환된 값에서 확인하실 수 있습니다.

URL Pattern예시

/link/map/위도,경도 https://map.kakao.com/link/map/37.402056,127.108212
/link/map/이름,위도,경도 https://map.kakao.com/link/map/우리회사,37.402056,127.108212
/link/map/장소ID https://map.kakao.com/link/map/18577297

길찾기 바로가기

좌표나 장소ID를 이용하여 해당 위치를 목적지로 지정한 상태의 길찾기 URL을 만들 수 있습니다.

URL Pattern예시

/link/to/이름,위도,경도 https://map.kakao.com/link/to/카카오판교오피스,37.402056,127.108212
/link/to/장소ID https://map.kakao.com/link/to/18577297

로드뷰 바로가기

좌표나 장소ID를 이용하여 해당 위치의 로드뷰를 바로 실행하는 URL을 만들 수 있습니다.

URL Pattern예시

/link/roadview/위도,경도 https://map.kakao.com/link/roadview/37.402056,127.108212
/link/roadview/장소ID https://map.kakao.com/link/roadview/18577297

지도 검색결과 바로가기

검색어를 이용하여 검색결과를 표시한 상태의 URL을 만들 수도 있습니다.

URL Pattern예시

/link/search/검색어 https://map.kakao.com/link/search/카카오

 

728x90
반응형