보라코딩

카카오 주소 api 본문

코딩/Spring

카카오 주소 api

new 보라 2023. 5. 24. 14:31

이건 카카오 개발자 사이트 가입도 필요 없다!

https://postcode.map.daum.net/guide

 

 

아래 참고!

 

Daum 우편번호 서비스

우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.

postcode.map.daum.net

 

 

 

<!-- 카카오 주소 api -->
<div class="mb-3">
<label for="findAddress">맛집 주소</label>
<input type="button" value="우편번호찾기" onclick="kakaopost()" id="findAddress">
<input type="text" name="zipcode" id="zipcode" size="7"
class="form-control" readonly>

<input type="text" name="storeAddress" id="address"
size="70" class="form-control" >

</div>

 

 

 

<!-- 카카오 주소 api -->
<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
function kakaopost() {
new daum.Postcode({
oncomplete: function(data) {
document.querySelector("#zipcode").value = data.zonecode;
document.querySelector("#address").value = data.address
}
}).open();
}
</script>
<!---->