하은양 믿음군 효실맘 호홍홍집s

Daum 지도 API 주소 좌표불러오기 본문

가벼운 배움/JQuery

Daum 지도 API 주소 좌표불러오기

호홍홍집 2016. 11. 27. 22:03

<div id="mapDaum" style="width:50%;height:450px;"></div>

<div class="map_right">

<ul class="line_area">

    <li><strong>X : </strong><input type="text" class="input_st2" size="" id="mapV3_X" name="mapV3_X" /></li>

    <li><strong>Y : </strong><input type="text" class="input_st2" size="" id="mapV3_Y" name="mapV3_Y" /></li>

</ul>

</div>

<div>

<ul id="result"></ul>

</div>


<script type="text/javascript" src="//apis.daum.net/maps/maps3.js?apikey=API 키&libraries=services"></script>

<script>

 /*

  다음 map 지도 생성

 */

var container = document.getElementById('mapDaum'); //지도를 담을 영역의 DOM 레퍼런스

  var options = { //지도를 생성할 때 필요한 기본 옵션

  center: new daum.maps.LatLng(35.5438097038, 129.3300917908), //지도의 중심좌표.

  level: 3 //지도의 레벨(확대, 축소 정도)

  };

  var map = new daum.maps.Map(container, options); //지도 생성 및 객체 리턴

 

  // 주소-좌표 변환 객체를 생성합니다

  var geocoder = new daum.maps.services.Geocoder();


  // 주소로 좌표를 검색합니다

  geocoder.addr2coord('제주특별자치도 제주시 첨단로 242', function(status, result) {


     // 정상적으로 검색이 완료됐으면 

      if (status === daum.maps.services.Status.OK) {


         var coords = new daum.maps.LatLng(result.addr[0].lat, result.addr[0].lng);


         // 결과값으로 받은 위치를 마커로 표시합니다

         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:6px 0;">우리회사</div>'

         });

         infowindow.open(map, marker);


         // 지도의 중심을 결과값으로 받은 위치로 이동시킵니다

         map.setCenter(coords);

         

        $('#mapV3_X').val(result.addr[0].lat);

$('#mapV3_Y').val(result.addr[0].lng);

     }else{

alert('해당 주소에 대한 검색정보가 없습니다.');

  });    

</script>

<script type="text/javascript">

$(document).ready(function(){

$.ajax({

type: 'GET',

url: '/json/gmt0030_20161127.json',

success:function(data){

$('#result li').remove();

$.each(data.items,function(){

var biz_cd = this["biz_cd"];

var biz_nm = this["biz_nm"];

var biz_addr = this["addr"];

// 주소로 좌표를 검색합니다

geocoder.addr2coord(biz_addr, function(status, result) {


   // 정상적으로 검색이 완료됐으면 

    if (status === daum.maps.services.Status.OK) {

    var mapX = result.addr[0].lat;

var mapY = result.addr[0].lng;

$('#result').append("<li>"+biz_cd+"|"+biz_nm+"|"+biz_addr+"|"+mapX+"|"+mapY+"</li>");

   }else{

    $('#result').append("<li>"+biz_cd+"|"+biz_nm+"|"+biz_addr+"|00000000|00000000</li>");

});    

});

},

        error : function(xhr,status,error){

            // 통신 실패시 실행....

            // alert(xhr.status + " " + xhr.statusText);

            alert("통신실패 : ["+xhr.status + " " + xhr.statusText+"]");

            alert("데이터 불러오는데 실패했습니다.");

            $('#result li').remove();            

        },

        complete : function(data){

            // 통신 실패했어도 최종 완료시 실행...

        }

});

});

</script>