local에서 테스트할 때는 지도 연동이 잘 됐었는데
외부아이피로 접속을 시도하니 kakao is not defined 라는 에러가 나오네요.
local에서 외부아이피를 주소창에 입력해도 에러가 납니다.
어떤 분께서 포트번호도 넣어야 한다고 써놓은 글이 있어서 포트 번호도 적어보았지만 소용없네요.
포트 번호는 80으로 했는데 혹시 이 부분이 문제가 될까요?
에러 메시지는 아래와 같습니다.
“http://dapi.kakao.com/v2/maps/sdk.js?appkey=Key=services” 의 스크립트의 MIME 타입이 유효한 JavaScript MIME 타입(“application/json”)이 아니지만 로드되었습니다.
map.html
“http://dapi.kakao.com/v2/maps/sdk.js?appkey=Key=services” 소스의 로딩을 실패하였습니다.
그리고 appkey 가 처음에 가입했을 때와 다르네요.
app가 카카오디벨에 로그인 할 때마다 바뀌는 건가요?
참고로 메인 페이지를 만들고 거기서 버튼을 누르면 새 탭을 열어서 맵을 열도록 하고 있습니다.
아래는 맵.html 소스입니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>Kakao 지도 시작하기</title>
<style>
html, body {
height: 100%;
margin: 0;
}
</style>
</head>
<body>
<div id="map" style="height:100%"></div>
<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=mykey&libraries=services"></script>
<script>
var places = new kakao.maps.services.Places();
var Lat,Lng;
var callback = function(result, status) {
if (status === kakao.maps.services.Status.OK) {
console.log(result);
Lat = parseFloat(result[1].x);
Lng = parseFloat(result[1].y);
Lat = Lat.toFixed(6);
Lng = Lng.toFixed(6);
}
var container = document.getElementById('map');
var options = {
center: new kakao.maps.LatLng(parseFloat(Lng), parseFloat(Lat)),
level: 3
};
var map = new kakao.maps.Map(container, options);
var marker = new kakao.maps.Marker({
map: map,
position: new kakao.maps.LatLng(parseFloat(Lng), parseFloat(Lat))
});
};
var address = window.location.search.substring(1);
var koaddress = unescape(address);
console.log(koaddress);
places.keywordSearch(koaddress, callback);
</script>
</body>
</html>
확인 부탁드려요~