본문 바로가기

Programming/Javascript

주소로 경도, 위도 갖고 오기

728x90
$(function() {
	$("#getAddress").on("click", function() {
		new daum.Postcode({
			oncomplete: function(data) {
				$("#address").val(data.address);
				const geocoder = new kakao.maps.services.Geocoder();
				geocoder.addressSearch(data.address, (result, status) => {
					if(status == "OK") {
						$("#lng").val(result[0].x);
						$("#lat").val(result[0].y);
					}
				});
			}
		}).open();
	});
});

<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>

<script type="text/javascript" src="//dapi.kakao.com/v2/maps/sdk.js?appkey=발급받은 APP KEY를 사용하세요&libraries=services"></script>

이 작업을 하려면 위 두 가지가 필요합니다. 첫 번째는 많이 보셨을 다음 우편번호 API입니다. 두 번째는 Kakao Maps API입니다. APP KEY도 마찬가지로 발급받으셔야 하구요.

[예제]

반응형