프로그래밍/자바스크립트 다음주소 api를 이용해서 주소로 좌표 알아내기 변사또 2018. 2. 8. 13:01 <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 예제 공유하기 URL 복사카카오톡 공유페이스북 공유엑스 공유 게시글 관리 구독하기포도청 스파이~!! '프로그래밍/자바스크립트' Related Articles Mixed Content: The page at your domain was loaded over HTTPS 혼합콘텐츠 해결방법 json undefined check 자바스크립트 setTimeout, delay 효과 자바스크립트 타이머 적용하기