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도 마찬가지로 발급받으셔야 하구요.
[예제]
반응형
'Programming > Javascript' 카테고리의 다른 글
[정규표현식]숫자를 감싸고 있는 대괄호([1])에서 숫자만 삭제하기 (0) | 2023.02.24 |
---|---|
[jQuery]Datepicker 복사(clone)했을 때 작동 안 하는 경우 (0) | 2023.02.08 |
Uncaught SyntaxError: Cannot use import statement outside a module (0) | 2022.01.27 |
Vue.js is detected on this page. (0) | 2022.01.26 |
[jQuery]이미지 첨부 시 미리 보기 (0) | 2021.12.08 |