자바스크립트를 실행한 값을 받아오려면 어떻게 하나요? 주소 좌표변환
본문
안녕하세요.
카카오맵의 개발자 인터페이스 중에서
주소를 입력하면 좌표값을 반환하는 게 있습니다.
좌표를 구해야할 주소값이 많아서 손으로 일일이 하는 건 너무나 힘들구요.
그래서
프로그램을 만들려고 하는데....
get방식으로 주소를 던져서
php로 받고
php내부에 있는
자바스크립트 함수 카카오맵 인터페이스에 그 값을 보내면
좌표값을 반환하는데...
하나하나 주소창에서 변수값을 실어서 보내면 좌표를 반환합니다.
sample.co.kr/address_xy.html?myaddress=서울시 중구 세종대로 10
그런데
그것을
vb.net에서
HttpWebRequest로 받아서
파싱하려고 하는데
자바스크립트가 클라이언트 사이드 모듈이라
좌표값을 던지지 못하는군요.
이것을 받을 방법이 없나요?
curl같은 것을 이용하면 클라언트사이드의 자바스크립트 실행후 값을 받을 수 있나요?
아래는
주소--> 좌표변환 코드입니다.
카카오맵 개발자 api키는 각자 값을 입력하세요
-------------------------------------
<?php
$ttt=$_GET["myaddr"] ;
?>
<!DOCTYPE html>
<html lang="ko">
<head>
<title>주소로 카카오맵(kakao map) 좌표 얻기 | 필요한 정보, 유용한 정보 모두 모아!</title>
<link rel="stylesheet" type="text/css" href="../css/layout_new.css?ver=20220301043138" />
<div id="wrapper">
<!-- // header -->
<div id="header_mobile">
</div> <!--// header -->
<script type="text/javascript" src="https://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://code.jquery.com/jquery.form.js"></script>
<script type="text/javascript" src="https://code.jquery.com/calc.js"></script>
<script type="text/javascript" src="https://code.jquery.com/comment.js"></script>
<script data-ad-client="ca-pub-7078044013878791" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script></head>
<body>
<div id="wrapper100">
<div id="wrap">
<div class="contents_ad01">
</div>
<div class="page_heading">
주소로 카카오맵(kakao map) 위도, 경도 좌표값 얻기
</div>
<ins class="kakao_ad_area" style="display:none;"
data-ad-unit = "DAN-cFLay98ekb3Szqst"
data-ad-width = "320"
data-ad-height = "100"></ins>
<div class="contents_wrap">
<div class="contents_full">
<input type="text" id="addr" value="" size="70" class="inp_out" placeholder="주소를 입력해 주세요"><span class="btn h22"><input type="button" value="좌표 검색" onclick="goChk();return false;"></span><br><br>
<div id="map" style="width:100%;height:350px;"></div>
<div id="coord"></div>
</div> <!-- // contents -->
<div class="contents_ad05">
</div> <!-- // contents_ad05 -->
</div> <!-- // contents_wrap -->
</div> <!--// wrap -->
</div> <!-- //#wrapper100 -->
<div id="footer_wrap">
<div id="footer">
<ins class="kakao_ad_area" style="display:none;"
data-ad-unit = "DAN-hctS9XvNcvEp8cLZ"
data-ad-width = "320"
data-ad-height = "50"></ins>
<script type="text/javascript" src="//t1.daumcdn.net/kas/static/ba.min.js" async></script>
</div> <!-- // wrapper -->
</body>
</html>
<script src="http://code.jquery.com/jquery-latest.min.js"></script>
<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=각자의 api값&libraries=services"></script>
<script type="text/javascript">
var addr = document.getElementById("addr");
var mapContainer = document.getElementById("map");
var coord = document.getElementById("coord");
var mapOption;
if (addr.value=="") {
mapOption = {
center: new daum.maps.LatLng(37.5523951033187, 126.971068297901),
level: 4
};
}
var map = new daum.maps.Map(mapContainer, mapOption);
function goChk(aaa) {
var add =aaa;
var geo = new daum.maps.services.Geocoder();
geo.addressSearch(add, function(result, status) {
if (status == daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(result[0].y, result[0].x);
var lng = result[0].x;
var lat = result[0].y;
var marker = new daum.maps.Marker({
map: map,
position: coords
});
var infowindow = new daum.maps.InfoWindow({
content: '<div style="width:150px;text-align:center;padding:5px 0;">좌표위치</div>'
});
infowindow.open(map,marker);
map.setCenter(coords);
$("#coord").html("<br>위도(Lat) : " + lat + "<br><br>경도(Lng) : " + lng);
}else{
alert('좌표가 검색 되지 않았습니다');
}
});
}
$(document).ready(function(){
goChk('<?php echo $ttt?>');
});
</script>
