본문 바로가기

프로그래밍/자바스크립트

다음주소 api를 이용해서 주소로 좌표 알아내기

 
 

 



<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=키값받아오기"></script>
<!-- 주소로 좌표값 가져오기 T맵 좌표값이 달라서 주소로 다음지도로 좌표값 불러오기 -->
<script> function start_order_lat_non() {
var mapContainer = document.getElementById('map'), // 지도를 표시할 div
mapOption = { center: new daum.maps.LatLng(33.450701, 126.570667), // 지도의 중심좌표
level: 3 // 지도의 확대 레벨
}; // 지도를 생성합니다
var map = new daum.maps.Map(mapContainer, mapOption); // 주소-좌표 변환 객체를 생성합니다
var geocoder = new daum.maps.services.Geocoder();
var address_start = $("#from_addr").val(); // 주소로 좌표를 검색합니다
geocoder.addressSearch(address_start, function(result, status) { // 정상적으로 검색이 완료됐으면
if (status === daum.maps.services.Status.OK) {
var coords = new daum.maps.LatLng(result[0].y, result[0].x);
console.log("1.다음지도====="+result[0].y); /// 위도
console.log("2.다음지도====="+result[0].x); /// 경도
$("#order_start_lat").val(result[0].y); //order_start_lat 필드에 위도 값 저장
$("#order_start_lon").val(result[0].x); //order_start_lon 필드에 경도 값 저장 // 결과값으로 받은 위치를 마커로 표시합니다
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);
}
});
}
</script>
   

 

다음 지도 api 예제