[개발 참고] 다음 주소검색 api 연동 [펌]

[개발 참고] 다음 주소검색 api 연동 [펌]

 

 

아래 내용은 다음 주소 검색 api 가이드 사이트에 나와있는 내용을

 

그대로 긁어온 것입니다!

 

단순히 연동하실때 참고용으로 확인만 하시구요!

 

맨 아래 출처 있으니 꼭 들어가서 자세히 읽어보시고 

 

연동 부탁드립니다!

 

 

기본 사용법

!  꼭 읽어주세요!!

JS API의 최신화는 업데이트시마다 자동으로 되고 있습니다.
JS API호출시 도메인 뒤에 특정 파라미터의 경우엔 가이드페이지에서 정의하고 있는 특정 파라미터 외엔 허용하지 않습니다.
이외 더미 파라미터와 같은 데이터를 붙혀서 로딩하실 경우, 때에 따라 스크립트 호출이 거부 될수 있으니 삭제 부탁드립니다.
ex) ?_=XXXXXX, ?t=5469821879 등등

- 허용하는 파라미터
1. 통합로딩방식 : 없음
2. (구)로딩방식 : autoload=false

허용하는 파라미터는 위와 같으며,
이외 다른 파라미터를 붙혀서 이용하시는 경우 스크립트 호출이 거부 될수 있으니 반드시 삭제 부탁드립니다. 감사합니다.

Daum 우편번호 서비스를 이용하려면,
우편번호 검색 팝업창을 띄우고자 하는 페이지에 아래와 같은 방식으로 코드를 넣으면 됩니다.

통합 로딩 방식 : postcode.v2.js 라는 이름의 파일 로딩을 통해 우편번호 서비스를 이용하실 수 있습니다. (추천)

<script src="https://t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<script>
    new daum.Postcode({
        oncomplete: function(data) {
            // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분입니다.
            // 예제를 참고하여 다양한 활용법을 확인해 보세요.
        }
    }).open();
</script>

구) 동적 로딩 방식 : Loader파일 로딩 후에, Core파일을 개발자가 원하는 부분에서 별도 로딩이 가능합니다.

<!--autoload=false 파라미터를 이용하여 자동으로 로딩되는 것을 막습니다.-->
<script src="http://dmaps.daum.net/map_js_init/postcode.v2.js?autoload=false"></script>
<!-- !!중요. - autoload=false 를 반드시 붙혀주셔야 합니다.-->
<script>
    //load함수를 이용하여 core스크립트의 로딩이 완료된 후, 우편번호 서비스를 실행합니다.
    daum.postcode.load(function(){
        new daum.Postcode({
            oncomplete: function(data) {
                // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분입니다.
                // 예제를 참고하여 다양한 활용법을 확인해 보세요.
            }
        }).open();
    });
</script>

구) 정적 로딩 방식 : Loader파일과 Core파일의 로딩을 동시에 수행합니다. (document.write 사용 - 추천하지 않습니다.)

<script src="http://dmaps.daum.net/map_js_init/postcode.v2.js"></script>
<script>
    new daum.Postcode({
        oncomplete: function(data) {
            // 팝업에서 검색결과 항목을 클릭했을때 실행할 코드를 작성하는 부분입니다.
            // 예제를 참고하여 다양한 활용법을 확인해 보세요.
        }
    }).open();
</script>

 

출처 : http://postcode.map.daum.net/guide