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. 결과

'개발 > API' 카테고리의 다른 글
| [API] SpringBoot Rest api에서 http 상태코드 404 에러 출력 메세지 변경 안될 때. (0) | 2023.03.02 |
|---|---|
| [API] @PathVariable , @RequestBody , @RequestParam 간단한 예제 (0) | 2023.01.19 |
| api 넣을 때 사용 (0) | 2022.11.10 |
| JPA API 테스트 (0) | 2022.07.29 |
| API REST API를 위한 @PathVariable 사용법 (0) | 2022.07.21 |