카카오 지도 api

카카오 지도 api

안녕하세요.

오늘은 카카오 맵 api를 사용해보겠습니다.

• kakao developers 로그인.
• api키 발급.
• 카카오 지도 api 예제.
• 예제 실행 결과.

kakao developers 로그인.

카카오 지도 api를 사용하기 위해서는 api키를 받아야 합니다.

api키를 받기 위해서는 kakao developers에 로그인해야 하고요.

(카카오계정으로 로그인 가능.)

https://developers.kakao.com/

Kakao Developers

api키 발급.

아래 링크는 카카오맵 api사이트입니다.

해당 사이트에서 app key발급을 눌러줍니다.

https://apis.map.kakao.com/

api키 발급을 누르면 나오는 창입니다.(로그인 했음.)

애플리케이션 추가를 눌러줍니다.

애플리케이션 추가하기를 누르면 아래 사진처럼 나옵니다.

원하는 앱 이름을 선택하고 저장합니다.

이제 추가한 애플리케이션으로 들어가서 플랫폼 설정을 해줄겁니다.

저는 web 플랫폼 등록으로 해주겠습니다.

저는 간단하게 제 컴퓨터에서만 사용할거라 localhost:81로 저장했습니다.

(여러분은 좀 다를겁니다.)

카카오 맵 api 예제

위의 카카오맵 api키 발급 사이트에서 web을 누르면 guide와 sample이 있습니다.

이 글에서는 지도 생성하는 샘플 코드를 가져와서 실행만 해보겠습니다.

샘플코드에 발급받은 APP KEY를 사용하세요 부분만 아까 생성한 애플리케이션-->JavaScript키로 바꿔주면 됩니다.

https://apis.map.kakao.com/web/sample/basicMap/

예제 실행 결과.

위의 예제 코드를 복사 붙여넣기 해서 api.php라는 이름으로 파일을 생성했습니다.

지도 생성 Sample코드 실행 결과.

성공적으로 지도가 출력됩니다.

예제가 많아서 지도로 뭔가 만들기 편하네요.

[유용한정보] - QR코드 생성하기