네이버 지도 설정
단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도를 연결해 표시할 수 있습니다. 네이버 지도를 사용하기 위해서는 네이버 클라우드 플랫폼에 가입이 필요하며, 네이버 지도 API 설정이 필요합니다.
네이버 지도는 월 1,000만 건까지 무료로 사용할 수 있습니다. 예를 들어, 페이지에 지도가 표시되면 1건이 차감되며, 새로고침 시에도 1건이 차감됩니다. 월 1,000만 건 한도가 초과되면 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 과금됩니다.(네이버 Maps API 요금제)
중요: 네이버 클라우드 플랫폼 가입 시 신용카드 정보를 필수로 등록해야 합니다. 가입 과정에서는 과금되지 않으며, 무료 제공 한도를 초과 했을 때만 과금됩니다.
설정방법
이 도움말은 네이버 클라우드 플랫폼에 가입하고, 캠페이너스에서 네이버 지도를 설정하는 방법을 설명합니다. 이미 네이버 클라우드 플랫폼에 가입했으며, 결제수단을 등록한 경우, 3단계부터 진행해 주시길 바랍니다.
1단계: 네이버 클라우드 플랫폼 가입하기
- 네이버 클라우드 플랫폼에 접속합니다.
- (선택 사항) 한국어로 표시되지 않는 경우, 오른쪽 상단의 Languages를 클릭하고 한국어를 선택하세요.
- 오른쪽 상단의 회원가입을 클릭합니다.
- 회원가입 페이지가 나오면 국가를 선택하고, 유형(개인 회원/사업자)을 선택합니다.
- 필수 동의사항에 체크하고, 다음 버튼을 클릭합니다.
- 아이디 항목에 이용 중인 이메일 주소를 작성하고, 이메일 인증 버튼을 클릭합니다.
- 작성한 이메일 주소로 인증 메일이 발송됩니다. 해당 이메일을 확인하여, 메일 인증 버튼을 클릭합니다.
- 네이버 클라우드 플랫폼 가입 페이지로 돌아갑니다.
필수 가입 항목을 모두 작성하고, 다음 버튼을 클릭합니다.
참고: 위 4번 과정에서 선택하신 유형에 따라 작성해야 할 목록이 달라질 수 있습니다.
- 네이버 클라우드 플랫폼 회원가입이 완료됩니다.
2단계: 결제수단 등록하기
- 상단 메뉴에서 마이페이지에 마우스 포인터를 올리고 [결제관리 > 결제수단 관리]를 클릭합니다.
- 결제관리 페이지 하단의 결제 수단 등록 버튼을 클릭합니다.
- 결제수단을 선택합니다. (결제수단은 신용/체크카드만 제공합니다.)
- 휴대폰 인증하기 버튼을 클릭합니다.
- 모든 약관에 동의 후 개인 정보를 입력합니다.
- 본인 명의의 휴대전화번호를 입력하고, 인증 버튼을 클릭합니다.
- 입력한 휴대전화번호로 인증번호가 발송되면, 해당 번호를 인증번호 항목에 입력합니다.
- 확인 버튼을 클릭합니다.
- 카드번호와 유효기간을 입력합니다.
- 결제정보 수집 및 제공 동의와 위 결제수단으로 정기결제 진행에 동의 항목에 동의합니다.
- 등록하기 버튼을 클릭합니다.
- 결제수단 등록이 완료됩니다.
3단계: Application 만들기
- 가입이 완료되셨다면, 네이버 클라우드 플랫폼에서 우측 상단 Console을 눌러 이동합니다.
- All Products 를 누르신 후 AINAVER API를 눌러 이동합니다.
- 하단의 + Application 등록 버튼을 누릅니다.
- Application 이름(예: 사이트명)을 작성합니다.
- Maps 카테고리에서 Web Dynamic Map 과 Geocoding 두 가지를 선택합니다.
- Web 서비스 URL 항목에 지도를 표시할 사이트의 모든 도메인을 추가합니다.
- 디자인 모드에서 네이버 지도를 표시하기 위해 사이트 기본 도메인(예: https://도메인.campaignus.me)을 입력합니다. 개인 도메인을 사용하지 않는 경우, 사이트 기본 도메인만 추가해도 됩니다.
- 개인 도메인을 사용 중인 경우, 추가 버튼을 클릭해 사용 중인 모든 개인 도메인을 추가합니다.
- 페이지 하단의 등록 버튼을 클릭합니다.
4단계: 네이버지도 Client ID와 Client Secret 발급받기
- 신규 등록된 애플리케이션이 표시되면 인증 정보 버튼을 클릭합니다.
- 인증 정보 창이 나오면 Client ID와 Client Secret 값이 표시됩니다. 각 값의 오른쪽 끝에 위치한 복사 아이콘을 클릭해 복사할 수 있습니다.
- 복사한 값들은 별도의 메모장에 기록해 둡니다. (단축키: CTRL + V)
5단계: 디자인 모드에서 지도, 지도 게시판 위젯 설정 변경하기
- 새 브라우저 탭을 열어줍니다.
- 사이트 관리자 페이지에 접속합니다.
- 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]을 클릭해 이동합니다.
- 공유 및 API 설정 탭 메뉴를 클릭합니다.
- 네이버 지도 API 항목에 위 4단계에서 발급받은 Client ID와 Client Secret 값을 각각 해당되는 항목에 붙여넣습니다. (단축키: CTRL + V)
- 저장 버튼을 클릭해 적용합니다.
6단계: 디자인 모드에서 지도 위젯 추가/설정하기
- 관리자 페이지 왼쪽 상단의 디자인모드를 클릭합니다.
- 네이버 지도를 추가할 메뉴로 이동합니다.
- 단일 지도 위젯 또는 지도 게시판 위젯을 추가합니다.
- 추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
- 컨텍스트 메뉴가 나오면 지도 설정(또는 지도 리스트 설정)을 클릭합니다.
- 지도 설정 창이 나오면 아래 그림과 같이 지도 종류를 네이버 지도로 선택합니다.
- 단일 지도 위젯 설정: 지도 종류 항목에서 네이버 지도를 선택합니다.
- 지도 게시판 위젯 설정: 지도 종류 항목에서 네이버 지도를 선택합니다.
- 단일 지도 위젯 설정: 지도 종류 항목에서 네이버 지도를 선택합니다.
- 이제 단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도가 표시됩니다.