네이버 지도 설정

단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도를 연결해 표시할 수 있습니다. 네이버 지도를 사용하기 위해서는 네이버 클라우드 플랫폼에 가입이 필요하며, 네이버 지도 API 설정이 필요합니다.

네이버 지도는 월 1,000만 건까지 무료로 사용할 수 있습니다. 예를 들어, 페이지에 지도가 표시되면 1건이 차감되며, 새로고침 시에도 1건이 차감됩니다. 월 1,000만 건 한도가 초과되면 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 과금됩니다.

중요: 네이버 클라우드 플랫폼 가입 시  신용카드 정보를 필수로 등록해야 합니다. 가입 과정에서는 과금되지 않으며, 무료 제공 한도를 초과 했을 때만 과금됩니다.

설정방법

이 도움말은 네이버 클라우드 플랫폼에 가입하고, 캠페이너스에서 네이버 지도를 설정하는 방법을 설명합니다. 이미 네이버 클라우드 플랫폼에 가입했으며, 결제수단을 등록한 경우, 3단계부터 진행해 주시길 바랍니다.

1단계: 네이버 클라우드 플랫폼 가입하기

  1. 네이버 클라우드 플랫폼에 접속합니다.
  2. (선택 사항) 한국어로 표시되지 않는 경우, 오른쪽 상단의 Languages를 클릭하고 한국어를 선택하세요.
  3. 오른쪽 상단의 회원가입을 클릭합니다.
  4. 회원가입 페이지가 나오면 국가를 선택하고, 유형(개인 회원/사업자)을 선택합니다.
  5. 필수 동의사항에 체크하고, 다음 버튼을 클릭합니다.
  6. 아이디 항목에 이용 중인 이메일 주소를 작성하고, 이메일 인증 버튼을 클릭합니다.
  7. 작성한 이메일 주소로 인증 메일이 발송됩니다. 해당 이메일을 확인하여, 메일 인증 버튼을 클릭합니다.
  8. 네이버 클라우드 플랫폼 가입 페이지로 돌아갑니다.
  9. 필수 가입 항목을 모두 작성하고, 다음 버튼을 클릭합니다.
    참고: 위 4번 과정에서 선택하신 유형에 따라 작성해야 할 목록이 달라질 수 있습니다.
  10. 네이버 클라우드 플랫폼 회원가입이 완료됩니다.

2단계: 결제수단 등록하기

  1. 상단 메뉴에서 마이페이지에 마우스 포인터를 올리고 [결제관리 > 결제수단 관리]를 클릭합니다.

  2. 결제관리 페이지 하단의 결제 수단 등록 버튼을 클릭합니다.
  3. 결제수단을 선택합니다. (결제수단은 신용/체크카드만 제공합니다.)
  4. 휴대폰 인증하기 버튼을 클릭합니다.
  5. 모든 약관에 동의 후 개인 정보를 입력합니다.
  6. 본인 명의의 휴대전화번호를 입력하고, 인증 버튼을 클릭합니다.
  7. 입력한 휴대전화번호로 인증번호가 발송되면, 해당 번호를 인증번호 항목에 입력합니다.
  8. 확인 버튼을 클릭합니다.
  9. 카드번호와 유효기간을 입력합니다.
  10. 결제정보 수집 및 제공 동의와 위 결제수단으로 정기결제 진행에 동의 항목에 동의합니다.
  11. 등록하기 버튼을 클릭합니다.
  12. 결제수단 등록이 완료됩니다.

3단계: Application 만들기

  1. 가입이 완료되셨다면, 네이버 클라우드 플랫폼에서 우측 상단 Console을 눌러 이동합니다.
  2. All Products 를 누르신 후 AINAVER API를 눌러 이동합니다.
  3. 하단의 + Application 등록 버튼을 누릅니다.
  4. Application 이름(예: 사이트명)을 작성합니다.
  5. Maps 카테고리에서 Web Dynamic Map 과 Geocoding 두 가지를 선택합니다.
  6. Web 서비스 URL 항목에 지도를 표시할 사이트의 모든 도메인을 추가합니다.

    • 디자인 모드에서 네이버 지도를 표시하기 위해 사이트 기본 도메인(예: https://도메인.campaignus.me)을 입력합니다. 개인 도메인을 사용하지 않는 경우, 사이트 기본 도메인만 추가해도 됩니다.
    • 개인 도메인을 사용 중인 경우, 추가 버튼을 클릭해 사용 중인 모든 개인 도메인을 추가합니다. 
  7. 페이지 하단의 등록 버튼을 클릭합니다.

4단계: 네이버지도 Client ID와 Client Secret 발급받기

  1. 신규 등록된 애플리케이션이 표시되면 인증 정보 버튼을 클릭합니다.
  2. 인증 정보 창이 나오면 Client ID와 Client Secret 값이 표시됩니다. 각 값의 오른쪽 끝에 위치한 복사 아이콘을 클릭해 복사할 수 있습니다.
  3. 복사한 값들은 별도의 메모장에 기록해 둡니다. (단축키: CTRL + V)

5단계: 디자인 모드에서 지도, 지도 게시판 위젯 설정 변경하기

  1. 새 브라우저 탭을 열어줍니다.
  2. 사이트 관리자 페이지에 접속합니다. 
  3. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]을 클릭해 이동합니다.
  4. 공유 및 API 설정 탭 메뉴를 클릭합니다.
  5. 네이버 지도 API 항목에 위 4단계에서 발급받은 Client ID와 Client Secret 값을 각각 해당되는 항목에 붙여넣습니다. (단축키: CTRL + V)

  6. 저장 버튼을 클릭해 적용합니다.

6단계: 디자인 모드에서 지도 위젯 추가/설정하기

  1. 관리자 페이지 왼쪽 상단의 디자인모드를 클릭합니다.
  2. 네이버 지도를 추가할 메뉴로 이동합니다.
  3. 단일 지도 위젯 또는 지도 게시판 위젯을 추가합니다. 
  4. 추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
  5. 컨텍스트 메뉴가 나오면 지도 설정(또는 지도 리스트 설정)을 클릭합니다.
  6. 지도 설정 창이 나오면 아래 그림과 같이 지도 종류를 네이버 지도로 선택합니다.
    • 단일 지도 위젯 설정: 지도 종류 항목에서 네이버 지도를 선택합니다.

    • 지도 게시판 위젯 설정: 지도 종류 항목에서 네이버 지도를 선택합니다.

  7. 이제 단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도가 표시됩니다.