<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kakao 지도 시작하기</title>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=(bmw javascript API key)"></script>
</head>
<body>
<div id="map" style="width:500px;height:400px;"></div>
<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>
<div>안녕</div>
</body>
</html>
bmw 서비스의 Web 플랫폼에 등록된 도메인의 목록은 다음과 같습니다.
http://localhost
http://localhost:8888
https://localhost
https://localhost:8888
file://
(포트를 8080이 아닌 8888로 등록하였습니다.)
python -m http.server 8888으로 서버를 열었습니다.
localhost:8888로 접속하니, 웹페이지 중간에 "안녕"이라는 문구만 뜹니다.
개발자 콘솔에는 다음과 같이 뜹니다:
Uncaught ReferenceError: kakao is not defined
at (색인):13:16
403 에러가 발생했다고 뜹니다.
네트워크 탭에서 sdk로 시작하는 파일을 열면, 다음의 메시지가 뜹니다.
{
“errorType”: “NotAuthorizedError”,
“message”: “App(bmw) disabled OPEN_MAP_AND_LOCAL service.”
}
OPEN_MAP_AND_LOCAL 키워드로 구글링을 하면 어떠한 결과도 뜨지 않아 포럼에 글을 남깁니다.