1. 카카오 회원가입하기
2. 원하는 지도 선택하기
3. 키 발급하기
4. 원하는 언어 선택해서 사용하기
<!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=54e09c68c09bc48310e0f74050a01629"></script>
<script>
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = {
center: new kakao.maps.LatLng(35.11074920318669, 126.87774044009879), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
};
// 지도를 표시할 div와 지도 옵션으로 지도를 생성합니다
var map = new kakao.maps.Map(mapContainer, mapOption);
</script>
</body>
</html>
728x90
반응형
'언어 > JavaScript' 카테고리의 다른 글
| JS_Ajax_날씨API (0) | 2022.07.15 |
|---|---|
| JS_Ajax_차트API (0) | 2022.07.15 |
| JS_Ajax_영화차트(실습) (0) | 2022.07.15 |
| JS_Ajax_실습 (0) | 2022.07.14 |
| JS_Ajax_이론 (0) | 2022.07.14 |