[다음 맵, html] 좌표를 주소로 바꾸는 방법
특이사항 : 크로스 도메인을 해결하기 위하여, AJAX JSOP방법을 사용하였습니다.
실행결과는 아래 사진과 같습니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>좌표로 주소를 얻어내기</title>
<style>
.map_wrap {position:relative;width:100%;height:350px;}
.title {font-weight:bold;display:block;}
.hAddr {position:absolute;left:10px;top:10px;border-radius: 2px;background:#fff;background:rgba(255,255,255,0.8);z-index:1;padding:5px;}
#centerAddr {display:block;margin-top:2px;font-weight: normal;}
.bAddr {padding:5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
</style>
<script type="text/javascript" src="./jquery-2.1.0.min.js"></script>
</head>
<body>
<script>
onDeviceReady();
function onDeviceReady(){
alert(1);
$.ajax({
type: "post",
contentType:"application/json",
dataType :'jsonp',
crossDomain:true,
url: "https://apis.daum.net/local/geo/coord2addr?apikey={발급받으신 API 넣어주세요}&longitude=127.10863694633468&latitude=37.40209529907863&inputCoordSystem=WGS84&output=json",
//data: params,
error : function (msg) {
alert(msg);
},
success: function(data){
alert(data.fullName);
}
});
}
</script>
</body>
</html>
감사합니다. 질문사항이 있으시다면 댓글 남겨주세요 ^ ^