[지도 설정하기]네이버 지도 설정하기 (네이버 클라우드 플랫폼, 지도 API 설정)

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

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

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

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

  1. 네이버 클라우드 플랫폼에 접속합니다.
  2. (선택 사항) 한국어로 표시되지 않는 경우, 오른쪽 상단의 Languages를 클릭하고 한국어를 선택하세요.
  3. 오른쪽 상단의 회원가입을 클릭하고, 지침에 따라 가입을 완료합니다.

    참고: 회원가입 시 이메일 인증이 필요합니다. 로그인 정보 입력 단계에서 아이디용 이메일을 작성하신 후 이메일 인증 버튼을 클릭해 주세요. 작성하신 이메일 주소로 인증 메일이 발송됩니다. 메일을 열어 인증 링크를 클릭하신 후 다시 가입 페이지로 돌아와 회원가입을 진행합니다.

2단계: Application 만들기

  1. 가입이 완료되었다면, 네이버 클라우드 플랫폼에서 오른쪽 상단의 Console 버튼을 클릭합니다.
  2. Products & Services 를 클릭하고, AI·NAVER API를 클릭합니다.

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

  4. Application(애플리케이션) 이름을 작성합니다. 참고: Application 이름은 구분 용도로 사용되며, 사이트 이름으로 작성해도 무방합니다.

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

  6. Web 서비스 URL 항목에 사용 중인 도메인을 모두 작성합니다.

    참고: 도메인 작성 시 아래 그림과 같이 http와 https를 구분하여 작성해야 합니다. 여러 개를 작성하려면, 추가 버튼을 클릭해 작성해 주세요.

  7. 페이지 하단의 등록 버튼을 클릭합니다.

3단계: 내 사이트에 네이버 지도 정보 입력하기

  1. 신규 등록된 애플리케이션이 표시되면 인증 정보 버튼을 클릭합니다.

  2. 인증 정보 팝업이 나오면 Client ID와 Client Secret 값 오른쪽 끝에 위치한 복사 아이콘을 복사합니다. 복사한 값들은 메모장에 작성해 둡니다.

  3. 아임웹 사이트 관리자 페이지에 접속합니다. 접속방법
  4. 왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]을 클릭해 이동합니다.
  5. 소셜 로그인 / API 설정 메뉴 상단의 공유 및 API 설정 탭 메뉴를 클릭합니다.
  6. 네이버 지도 API 항목에 위 2번 과정에서 복사해둔, Client ID와 Client Secret 값을 각각 해당되는 항목에 붙여넣습니다. (단축키: CTRL + V)

    1. API Client ID: Client ID 값을 붙여넣습니다.
    2. Client Secret: Client Secret 값을 붙여넣습니다.
  7. 저장 버튼을 클릭해 적용합니다.

4단계: 디자인 모드에서 지도 위젯 설정하기

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

    1. 단일 지도 위젯: 페이지에서 하나의 장소를 표시할 때 사용됩니다. 상세한 사용방법은 단일 지도 위젯 도움말을 참고해 주세요.

    2. 지도 게시판 위젯: 페이지에 여러 장소를 표시할 때 사용됩니다. 상세한 사용방법은 지도 게시판 위젯 도움말을 참고해 주세요.

  7. 이제 단일 지도 위젯 및 지도 게시판 위젯이 네이버 지도를 기반으로 표시됩니다.
감성적인 느낌이 있는 디앤퍼슨스의 디자인
웹사이트, 쇼핑몰 디자인 맞춤제작 그리고 템플릿
COPYRIGHT © 2007-2024. DNPERSONs ALL RIGHTS RESERVED.