네이버 지도

네이버 지도 설정 방법에 대해 알아봅니다.

네이버 지도 블록을 사용하여 사용자에게 위치 정보를 알려줄 수 있습니다.

네이버 지도는 월 1,000만 건 무료로 제공이 되고 있습니다. 사이트에 지도가 표시 될 경우 1건이 차감이 되며, 새로고침 시에도 1건이 차감이 됩니다. 즉, 지도가 적용이 된 페이지를 월 1,000만번 볼 수 있는 것이며, 한도 초과 시 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 건당 0.1원 이용 요금이 발생하게 됩니다.

네이버 지도 API의 이용량 정책 및 상세요금은 아래 링크를 참고 부탁드립니다.

[Maps API 무료 이용량 정책] [Maps API 상세 요금 안내]

네이버 지도 사용을 위해서는 네이버 클라우드 플랫폼 가입 및 네이버 지도 API설정을 해주셔야합니다.

클라우드 플랫폼 가입 후 지도 블록 연동 과정은 아래 가이드를 참고 부탁드립니다.

큐샵 도메인( ___.qshop.ai)만 사용할 경우 [5. 네이버 지도 블록 추가하기] 과정만 진행을 해주시면 됩니다.

1. 네이버 클라우드 플랫폼 가입하기

1. 네이버 클라우드 플랫폼에 접속합니다.

2. 오른쪽 위 회원 가입 버튼을 클릭합니다.

   
3. 계정으로 사용 할 이메일 주소를 입력합니다.

4. 가입 유형 항목의 거주 국가, 회원 유형, 사용 언어를 선택합니다. 💡거주 국가 선택에 따라 결제 통화가 결정되며, 이후 변경이 불가능합니다.

   
5. 약관 동의를 진행합니다.

6. 로그인에 사용 할 아이디와 비밀번호를 입력합니다. 💡이 과정에서 이메일 인증을 거치게 되며, 인증 후 다음 버튼을 클릭합니다.

   
7. 계정 소유자 정보의 이름, 휴대 전화번호, 주소를 입력합니다. 💡위 과정에서 회원유형을 “사업자 회원”으로 선택했을 경우 입력하는 소유자 정보가 달라질 수 있습니다.

   
8. 회원 가입이 완료 되었습니다. 이제 [2. 결제수단 등록하기] 과정을 진행해주시면 됩니다.

   

2. 결제수단 등록하기

1. 회원 가입 완료 페이지의 [결제 수단 등록] 버튼을 클릭합니다.

   

   💡만약 페이지를 벗어났다면, 클라우드 플랫폼 오른쪽 위 [결제수단등록]버튼을 통해 진행이 가능합니다.

   
2. 결제 수단을 선택합니다.

   💡결제수단은 신용카드 및 체크카드만 선택이 가능합니다.

3. 휴대폰 인증하기 버튼을 클릭하여 약관 동의 및 인증 과정을 진행합니다.

4. 인증이 완료 된 후 카드번호와 유효기간을 입력하여, 결제 수단을 등록합니다. 💡등록 과정에서는 과금이 발생하지 않습니다.

5. 결제수단 등록이 완료됩니다.

3. Application 만들기

1. 클라우드 플랫폼 오른쪽 위 [콘솔]버튼을 클릭합니다.

   
2. 왼쪽 메뉴의 [Services > AI•NAVER API > AI•NAVER API]를 클릭합니다.

   
3. AI•NAVER API 페이지로 이동한 후 아래 [+ Application 등록] 버튼을 클릭합니다.

   

   
4. 약관 내용을 확인 후 이용 약관 동의 과정을 진행합니다.

5. Application 이름을 입력합니다. 💡영문자, 숫자, 특수문자(-)만 입력할 수 있으며, 영문자로 시작해야 합니다.

6. Service 선택 항목 중 Maps 카테고리에서 [Web Dynamic Map] 과 [Geocoding] 두 가지를 선택합니다. 💡Web Dynamic Map 선택 시 Mobile Dynamic Map 항목은 자동 선택이 됩니다.

   
7. 서비스 환경 등록 항목에, 아래 내용을 참고하여 네이버 지도를 표시할 모든 도메인 주소를 추가합니다.

   

   7-1. Web 서비스 URL 입력 칸에 http://qshop.ai 를 입력하고, [＋ 추가] 버튼을 클릭합니다. 7-2. Web 서비스 URL 입력 칸에 사용하시는 커스텀 도메인을 예시와 같은 형태로 입력하고, [＋ 추가]버튼을 클릭합니다. (예 - http://mydomain.com)

8. 입력한 정보를 확인하신 후 [등록]버튼을 클릭하여 Application 생성을 마무리 합니다.

4. Application key 적용하기

1. [3. Application 만들기]과정에서 등록한 Application의 [인증 정보] 버튼을 클릭합니다.

   
2. Application key 항목의 Client ID 와 Client Secret 값을 복사합니다.

   
3. 4-3. 사이트 [관리자 페이지 > 성장센터 > 네이버] 페이지의 네이버 지도 탭으로 이동합니다.

4. 사용함 체크를 한 후 [4-2] 과정에서 복사한 Client ID 와 Client Secret 값을 붙여넣고 오른쪽 위 저장 버튼을 클릭합니다.

   

5. 네이버 지도 블록 추가하기

1. 에디터에 들어갑니다.

2. 왼쪽 추가 패널을 통해 네이버 지도 블록을 추가합니다.

3. [네이버 지도 블록] 가이드를 참고하여 지도 등록 및 설정을 합니다.