Gracefullight

Web.dev

다음 주소 검색 API, 함수 하나로 설명 끝

작성일 Edited on In , Disqus:

다음 주소검색 API

소스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
/**
 * [searchAddr 다음주소검색 API]
 * @return {[JsonArray]} [주소데이터]
 * <script src="https://ssl.daumcdn.net/dmaps/map_js_init/postcode.v2.js"> 선행되어야함
 */
var searchAddr = function () {
  new daum.Postcode({
    oncomplete: function (data) {
      var fullAddr = ''; // 최종 주소 변수
      var extraAddr = ''; // 조합형 주소 변수
      var engAddr = '';
      var zipcode = '';

      // 사용자가 선택한 주소 타입에 따라 해당 주소 값을 가져온다.
      if (data.userSelectedType === 'R') {
        // 사용자가 도로명 주소를 선택했을 경우
        fullAddr = data.roadAddress;
        zipcode = data.zonecode;
        engAddr = data.roadAddressEnglish;

        //법정동명이 있을 경우 추가한다.
        if (data.bname !== '') {
          extraAddr += data.bname;
        }
        // 건물명이 있을 경우 추가한다.
        if (data.buildingName !== '') {
          extraAddr +=
            extraAddr !== '' ? ', ' + data.buildingName : data.buildingName;
        }
        // 조합형주소의 유무에 따라 양쪽에 괄호를 추가하여 최종 주소를 만든다.
        fullAddr += extraAddr !== '' ? ' (' + extraAddr + ')' : '';
      } else {
        // 사용자가 지번 주소를 선택했을 경우(J)
        fullAddr = data.jibunAddress;
        zipcode = data.postcode;
        engAddr = data.jibunAddressEnglish;
      }

      // 구버전일 경우 getElementById 로 변경
      document.querySelector('#zip').value = zipcode;
      document.querySelector('#address').value = fullAddr;
      document.querySelector('#address_eng').value = engAddr;

      document.querySelector('#address_detail').focus();
    },
  }).open();
};

설명

다음 주소검색 API 를 입맛에 맞게 조금 변경했다.