자바스크립트를 실행한 값을 받아오려면 어떻게 하나요? 주소 좌표변환

매출이 오르면 내리는 수수료! 지금 수수료센터에서 전자결제(PG)수수료 비교견적 신청해 보세요!
자바스크립트를 실행한 값을 받아오려면 어떻게 하나요? 주소 좌표변환

QA

자바스크립트를 실행한 값을 받아오려면 어떻게 하나요? 주소 좌표변환

본문

안녕하세요.

카카오맵의 개발자 인터페이스 중에서

주소를 입력하면 좌표값을 반환하는 게 있습니다.

좌표를 구해야할 주소값이 많아서 손으로 일일이 하는 건 너무나 힘들구요.

그래서

프로그램을 만들려고 하는데....

 

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>

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 5
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT