• 가이드

네이버 지도 설정하기

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

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

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

설정방법

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

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

    참고: 위 4번 과정에서 선택하신 유형에 따라 작성해야 할 목록이 달라질 수 있습니다.
  10. 네이버 클라우드 플랫폼 회원가입이 완료됩니다.
  1. 상단 메뉴에서 마이페이지에 마우스 포인터를 올리고 [결제관리 > 결제수단 관리]를 클릭합니다.

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

  3. 하단의 + Application 등록 버튼을 클릭합니다.

  4. Application 이름(예: 사이트명)을 작성합니다.

  5. Maps 카테고리에서 Web Dynamic MapGeocoding 두 가지를 선택합니다.

  6. Web 서비스 URL 항목에 지도를 표시할 사이트의 모든 도메인을 추가합니다.

    • 디자인 모드에서 네이버 지도를 표시하기 위해 사이트 기본 도메인(예: https://도메인.imweb.me)을 입력합니다. 개인 도메인을 사용하지 않는 경우, 사이트 기본 도메인만 추가해도 됩니다.
    • 개인 도메인을 사용 중인 경우, 추가 버튼을 클릭해 사용 중인 모든 개인 도메인을 추가합니다. 만약 개인 도메인에 SSL 보안인증서가 적용된 경우, 도메인은 http, https를 구분하여 모두 작성해야 합니다.
  7. 페이지 하단의 등록 버튼을 클릭합니다.
  1. 신규 등록된 애플리케이션이 표시되면 인증 정보 버튼을 클릭합니다.

  2. 인증 정보 창이 나오면 Client IDClient Secret 값이 표시됩니다. 각 값의 오른쪽 끝에 위치한 복사 아이콘을 클릭해 복사할 수 있습니다.

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

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

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

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

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

관련 도움말: 해외 지도가 필요하세요?

구글 지도 API를 사용해, 내 사이트에 해외 지도를 표시할 수 있습니다. 상세한 설정 방법은 구글 지도 설정하기 도움말에서 확인해 주세요.

목록으로

시작이 어려우신가요?

교육 받아보시면 쉽습니다.

온라인 교육 바로가기

한 번 이용하면 팬이 됩니다.

아임웹에서 당신의 생각을 표현해보세요.
725.9K
누적 사이트 이용 수
이미 수만 명이 아임웹 팬이 되어
각자의 생각을 표현하고 있습니다.
315
일 평균 사이트 개설 수
지금 이 순간에도 매일
새로운 브랜드가 소개되고 있습니다.
3.4K
전국 파트너/리셀러 수

아임웹 공식제휴사

아임웹은 페이팔, KG이니시스, 네이버, KCP, 나이스페이, 이지페이, 엑심베이 공식파트너입니다.