728x90
Kakao maps API
카카오maps API는 간략하고 친절한 설명 문서로 접근하기 편했다.
해당 게시글은 웹으로 사용 시 카카오maps API 사용방법을 정리하였다.
1. 카카오maps API 홈페이지접속
로그인 후 상단 오른쪽에 APP KEY 발급 클릭
2.애플리케이션 추가하기
앱이름, 사업자명을 입력해준 후 저장
애플리케이션 목록에 새롭게 생성된 것을 확인할수있다.
3.애플리케이션 플랫폼 설정하기
애플리케이션이 추가된 것을 클릭 > 플랫폼 > 플랫폼설정하기
웹 > 웹플랫폼등록
아직은 도메인이 없으니 http://localhost:8080/ 을 입력해주었다.
4.샘플 파일 사용하기
https://apis.map.kakao.com/web/sample/
카카오에서는 다양한 샘플을 지원하고있다.
원하는 샘플을 클릭해 코드를 가져와 사용하면 된다.
샘플 클릭후 위 이미지와 같이 코드를 확인할 수 있으며,
script appkey부분에 아까 받았던 JavaScript키를 입력하여 사용하면된다.
728x90
'Follow Work > SpringbootBoard' 카테고리의 다른 글
[HTML CSS JS] 네비게이션 바 만들기 (0) | 2022.09.27 |
---|---|
[API] 카카오maps API 목록으로 표출하기 오류 (0) | 2022.09.15 |
[API] openweathermap API를 통해 현재 날씨 출력하기 (0) | 2022.09.06 |
[HTML CSS JS] 자동 카드 슬라이더 만들기 (0) | 2022.09.05 |
[HTML CSS JS] 자동 스크롤 카드 슬라이더 만들기 (2) | 2022.09.05 |