KAKAO Developers
카카오디벨로퍼스는 수많은 개발자들과 함께 새로운 가치를 만들어가는 카카오 API플랫폼으로 개발자들이 각자의 방식으로 카카오 서비스와 연계하여 다양한 오픈 API와 개발 도구를 지원함
카카오디벨로퍼스 바로가기
도구 모음에서 Android, Web, IOS와 연동되는 다양한 오픈 API코드를 제공한다.
<오픈소스 카카오맵 API 예시👉>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>지도 생성하기</title>
</head>
<body>
<!-- 지도를 표시할 div 입니다 -->
<div id="map" style="width:100%;height:350px;"></div>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 표시할 div와 지도 옵션으로 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
</script>
</body>
</html>사용순서❓
카카오 디벨로퍼스 앱키(App Key) 발급 → 애플리케이션 추가 → VS 기본 HTML 코드 작성 → Web 플랫폼 등록 → URL 주소 넣기 → 지도 오픈 API 원하는 곳에 삽입 → 자바스크립트 App Key 소스에 삽입(삽입 해야 작동을 함) → 기타 마크업 작업(CSS, Bootstraps 등)
DataEngineer Lee.