개발/API

[kakao Map API] 카카오 지도 api 사용법

멋진놈 2022. 11. 29. 10:46
728x90

[kakao Map API] 

필요한것 

다른 아이피면 아이피로 적어주기.

 

1. 

 

2. 상단에 javascript

 

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=78c68fe29124628cdf9fba9f0796da71"></script>

먼저 script src가 선언 되어서 각 함수들을 불러올 준비 해야함. 위치가 이상할 시에 안되는 증상 발견함.

 

 

3.  

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8"/>
	<title>Kakao 지도 시작하기</title>
</head>
<body>
	<div id="map" style="width:500px;height:400px;"></div>
	<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 넣으시면 됩니다."></script>
	<script>
		var container = document.getElementById('map');
		var options = {
			center: new kakao.maps.LatLng(33.450701, 126.570667),
			level: 3
		};

		var map = new kakao.maps.Map(container, options);
	</script>
</body>
</html>

 

4. 결과