[Today I Learned] 카카오맵 api 이용

suwoncityboyyy·2023년 2월 13일
0
post-thumbnail

kakaomap api

먼저 kakaomap api를 사용하기 위해서는 애플리케이션 등록 후 키를 발급 받아야한다.
카카오 어플리케이션 등록

애플리케이션 키는 javascript 키를 쓰면 된다.
index.html 파일에 해당 링크를 복붙한다.

<script
      type="text/javascript"
      src="//dapi.kakao.com/v2/maps/sdk.js?appkey=<%= htmlWebpackPlugin.options.env.MAP_API_KEY %>"
    ></script>

나같은경우는 환경변수로 지정해 줬는데 그냥 키값 붙여넣어도 된다.
어차피 개발자도구 열면 키값은 다 찍힌다.

타입스크립트에서 kakaomap api 적용

해당 파일 전역에서 만들어서 사용해도 되고 파일명.d.ts 로 만든 후
그파일을 임포트 해와도 된다.
후자를 추천

declare global {
  interface Window {
    kakao: any;
  }
}

그외에 kakaomap api 커스터마이징

문서를 참고하는게 젤 빠른것 같다

카카오맵 api 가이드 & 문서

profile
주니어 개발자 기술노트

0개의 댓글