단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도를 연결해 표시할 수 있습니다. 네이버 지도를 사용하기 위해서는 네이버 클라우드 플랫폼에 가입이 필요하며, 네이버 지도 API 설정이 필요합니다.
네이버 지도는 월 1,000만 건까지 무료로 사용할 수 있습니다. 예를 들어, 페이지에 지도가 표시되면 1건이 차감되며, 새로고침 시에도 1건이 차감됩니다. 무료 제공하는 월 1,000만 건 한도가 초과되면 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 과금됩니다.
중요: 네이버 클라우드 플랫폼 가입 시 신용카드 정보를 필수로 등록해야 합니다. 가입 과정에서는 과금되지 않으며, 무료 제공 한도를 초과 했을 때만 과금됩니다.
1단계: 네이버 클라우드 플랫폼 가입하기
네이버 클라우드 플랫폼에 접속합니다.
(선택 사항) 한국어로 표시되지 않는 경우, 오른쪽 상단의 Languages를 클릭하고 한국어를 선택하세요.
오른쪽 상단의 회원가입을 클릭하고, 지침에 따라 가입을 완료합니다.
참고: 회원가입 시 이메일 인증이 필요합니다. 로그인 정보 입력 단계에서 아이디용 이메일을 작성하신 후 이메일 인증 버튼을 클릭해 주세요. 작성하신 이메일 주소로 인증 메일이 발송됩니다. 메일을 열어 인증 링크를 클릭하신 후 다시 가입 페이지로 돌아와 회원가입을 진행합니다.
2단계: Application 만들기
가입이 완료되었다면, 네이버 클라우드 플랫폼에서 오른쪽 상단의 Console 버튼을 클릭합니다.
Products & Services 를 클릭하고, AI·NAVER API를 클릭합니다.
하단의 + Application 등록 버튼을 클릭합니다.
Application(애플리케이션) 이름을 작성합니다. 참고: Application 이름은 구분 용도로 사용되며, 사이트 이름으로 작성해도 무방합니다.
Maps 카테고리에서 Web Dynamic Map와 Geocoding 두 가지를 선택합니다.
Web 서비스 URL 항목에 사용 중인 도메인을 모두 작성합니다.
참고: 도메인 작성 시 아래 그림과 같이 http와 https를 구분하여 작성해야 합니다. 여러 개를 작성하려면, 추가 버튼을 클릭해 작성해 주세요.
페이지 하단의 등록 버튼을 클릭합니다.
3단계: 내 사이트에 네이버 지도 정보 입력하기
신규 등록된 애플리케이션이 표시되면 인증 정보 버튼을 클릭합니다.
인증 정보 팝업이 나오면 Client ID와 Client Secret 값 오른쪽 끝에 위치한 복사 아이콘을 복사합니다. 복사한 값들은 메모장에 작성해 둡니다.
아임웹 사이트 관리자 페이지에 접속합니다. 접속방법
왼쪽 메뉴에서 [환경설정 > 소셜 로그인 / API 설정]을 클릭해 이동합니다.
소셜 로그인 / API 설정 메뉴 상단의 공유 및 API 설정 탭 메뉴를 클릭합니다.
네이버 지도 API 항목에 위 2번 과정에서 복사해둔, Client ID와 Client Secret 값을 각각 해당되는 항목에 붙여넣습니다. (단축키: CTRL + V)
API Client ID: Client ID 값을 붙여넣습니다.
Client Secret: Client Secret 값을 붙여넣습니다.
저장 버튼을 클릭해 적용합니다.
4단계: 디자인 모드에서 지도 위젯 설정하기
아임웹 사이트 관리자 페이지 왼쪽 상단의 디자인모드를 클릭합니다.
네이버 지도를 추가할 메뉴로 이동합니다.
단일 지도 위젯 또는 지도 게시판 위젯을 추가합니다. 위젯 추가방법
추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
보조 메뉴가 나오면 지도 설정(또는 지도 리스트 설정)을 클릭합니다.
설정 창이 나오면 아래 그림과 같이 지도 종류를 네이버 지도로 선택합니다.
단일 지도 위젯: 페이지에서 하나의 장소를 표시할 때 사용됩니다. 상세한 사용방법은 단일 지도 위젯 도움말을 참고해 주세요.
지도 게시판 위젯: 페이지에 여러 장소를 표시할 때 사용됩니다. 상세한 사용방법은 지도 게시판 위젯 도움말을 참고해 주세요.
Google 지도를 사용해 대한민국 외의 지역을 지도로 표시할 수 있습니다. Google 지도를 사용하려면 Google 지도 API키를 발급 받아 내 사이트에 적용해야 합니다.
Google은 매달 미화 200달러의 크레딧을 무료로 제공하며, 해당 크레딧은 이용한 만큼 차감됩니다. 200달러의 크레딧은 대부분의 사용자가 원하는 기능을 이용하기에 충분합니다. Google 지도 사용료는 지도 가격표에서 자세히 알아볼 수 있습니다.
Google 지도 API를 사용하려면 해외 결제가 가능한 신용카드 등록이 필요합니다. 신용카드 등록을 요청하는 이유는 자동 가입을 방지하기 위해서입니다. 유료 계정으로 직접 업그레이드하지 않는 한 자동으로 결제되지 않습니다.
만약 200달러를 초과하는 경우, 등록한 신용카드로 이용료가 청구될 수 있습니다.
만약 국외/국내 지도가 모두 필요한 경우 네이버 지도 API와 Google 지도 API를 모두 설정하신 후 선택적으로 사용할 수 있습니다. 네이버 지도 설정방법
시작에 앞서
이 도움말을 진행하려면 Google 계정이 필요합니다. 아직 Google 계정이 없다면 아래 링크를 통해, 계정 만들기를 클릭하여 새로운 계정을 생성해 주세요.
1단계: API 키 발급 받기
Google Maps Platform에 접속합니다.
오른쪽 상단의 로그인을 클릭해 Google 계정으로 로그인합니다. (이미 로그인된 경우 건너뜁니다.)
오른쪽 상단 시작하기 버튼을 클릭합니다.
국가를 대한민국으로 선택하고, 서비스 약관에 동의한 다음 계속 버튼을 클릭합니다.
계정 유형을 선택합니다. 선택한 유형에 따라 아래 세금 정보, 이름 및 주소 항목에 작성할 내용이 달라집니다. 모두 작성하면 계속 버튼을 클릭합니다.
고객 정보 입력 항목이 나오면 이름, 주민등록번호, 이동통신사, 휴대전화번호 입력 후 코드 전송을 클릭합니다. 발송된 코드를 입력합니다.
결제수단 항목이 나오면 신용카드를 등록합니다. (해외결제가 가능한 신용카드가 필요합니다.)
참고: 팝업 안내와 같이 구글은 가입 즉시 1년 동안 사용할 수 있는 300달러 상당의 크레딧을 제공하며, 300달러를 모두 소진 하더라도 자동 결제 되지 않습니다. 무료 제공하는 300달러 크레딧은 방문자가 많은 대부분의 사이트에서 충분히 사용할 수 있으며, 차후 필요에 따라 추가 결제를 진행할 수 있습니다.
무료 평가판 시작하기 버튼을 클릭합니다.
처음 시작하는 경우, 간단한 설문 창이 표시될 수 있습니다. 설문을 완료하세요.
API 키 발급 창이 나오면 복사 아이콘을 클릭해 API 키를 복사하고 메모해 둡니다.
가입 환영 창이 나오면 확인 버튼을 클릭합니다.
2단계: 사용자 인증 정보 설정하기
왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다.
애플리케이션 제한사항을 없음 으로 선택합니다.
API 제한사항에서 키 제한을 선택합니다.
Select APIs 버튼을 클릭합니다.
Geocoding API, Geolocation API, Maps Elevation API, Maps JavaScript API, Place API 5개를 선택하고, 확인을 클릭합니다.
저장 버튼을 클릭해 적용합니다.
3단계: 내 사이트에 Google 지도 적용하기
내 사이트 관리자 페이지에 접속합니다. 접속방법
왼쪽 메뉴에서 [환경설정 > 소셜 로그인/API 설정]을 클릭합니다.
공유 및 API 설정을 클릭합니다.
Google 지도 API에서 API 키 항목에 위 1단계에서 메모한 API 키를 붙여넣습니다.
저장 버튼을 클릭해 적용합니다.
4단계: 디자인 모드에 Google 지도 표시하기
왼쪽 상단의 디자인모드를 클릭해 디자인 모드에 진입합니다.
단일 지도 위젯 또는 지도 게시판 위젯을 추가합니다.
추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
보조 메뉴가 나오면 지도 설정(또는 지도 리스트 설정)을 클릭합니다.
지도 종류 항목에서 Google 지도를 선택합니다.
아래 그림과 같이 설정 창 상단에 지도가 표시된다면 정상적으로 적용된 것입니다. 이제 주소 항목에서 주소를 입력해 키보드 Enter 눌러 위치를 지정하고, 기타 옵션을 적용해 단일 지도(또는 지도 게시판) 설정을 완료합니다.
단일 지도 위젯 또는 지도 게시판 위젯에 네이버 지도를 연결해 표시할 수 있습니다. 네이버 지도를 사용하기 위해서는 네이버 클라우드 플랫폼에 가입이 필요하며, 네이버 지도 API 설정이 필요합니다.
네이버 지도는 월 1,000만 건까지 무료로 사용할 수 있습니다. 예를 들어, 페이지에 지도가 표시되면 1건이 차감되며, 새로고침 시에도 1건이 차감됩니다. 무료 제공하는 월 1,000만 건 한도가 초과되면 네이버 클라우드 플랫폼 가입 시 등록한 신용카드 정보로 과금됩니다.
중요: 네이버 클라우드 플랫폼 가입 시 신용카드 정보를 필수로 등록해야 합니다. 가입 과정에서는 과금되지 않으며, 무료 제공 한도를 초과 했을 때만 과금됩니다.
1단계: 네이버 클라우드 플랫폼 가입하기
오른쪽 상단의 회원가입을 클릭하고, 지침에 따라 가입을 완료합니다.
참고: 회원가입 시 이메일 인증이 필요합니다. 로그인 정보 입력 단계에서 아이디용 이메일을 작성하신 후 이메일 인증 버튼을 클릭해 주세요. 작성하신 이메일 주소로 인증 메일이 발송됩니다. 메일을 열어 인증 링크를 클릭하신 후 다시 가입 페이지로 돌아와 회원가입을 진행합니다.
2단계: Application 만들기
Products & Services 를 클릭하고, AI·NAVER API를 클릭합니다.
하단의 + Application 등록 버튼을 클릭합니다.
Application(애플리케이션) 이름을 작성합니다. 참고: Application 이름은 구분 용도로 사용되며, 사이트 이름으로 작성해도 무방합니다.
Maps 카테고리에서 Web Dynamic Map와 Geocoding 두 가지를 선택합니다.
Web 서비스 URL 항목에 사용 중인 도메인을 모두 작성합니다.
참고: 도메인 작성 시 아래 그림과 같이 http와 https를 구분하여 작성해야 합니다. 여러 개를 작성하려면, 추가 버튼을 클릭해 작성해 주세요.
3단계: 내 사이트에 네이버 지도 정보 입력하기
신규 등록된 애플리케이션이 표시되면 인증 정보 버튼을 클릭합니다.
인증 정보 팝업이 나오면 Client ID와 Client Secret 값 오른쪽 끝에 위치한 복사 아이콘을 복사합니다. 복사한 값들은 메모장에 작성해 둡니다.
네이버 지도 API 항목에 위 2번 과정에서 복사해둔, Client ID와 Client Secret 값을 각각 해당되는 항목에 붙여넣습니다. (단축키: CTRL + V)
저장 버튼을 클릭해 적용합니다.
4단계: 디자인 모드에서 지도 위젯 설정하기
설정 창이 나오면 아래 그림과 같이 지도 종류를 네이버 지도로 선택합니다.
단일 지도 위젯: 페이지에서 하나의 장소를 표시할 때 사용됩니다. 상세한 사용방법은 단일 지도 위젯 도움말을 참고해 주세요.
지도 게시판 위젯: 페이지에 여러 장소를 표시할 때 사용됩니다. 상세한 사용방법은 지도 게시판 위젯 도움말을 참고해 주세요.
Google 지도를 사용해 대한민국 외의 지역을 지도로 표시할 수 있습니다. Google 지도를 사용하려면 Google 지도 API키를 발급 받아 내 사이트에 적용해야 합니다.
시작에 앞서
이 도움말을 진행하려면 Google 계정이 필요합니다. 아직 Google 계정이 없다면 아래 링크를 통해, 계정 만들기를 클릭하여 새로운 계정을 생성해 주세요.
1단계: API 키 발급 받기
오른쪽 상단 시작하기 버튼을 클릭합니다.
국가를 대한민국으로 선택하고, 서비스 약관에 동의한 다음 계속 버튼을 클릭합니다.
계정 유형을 선택합니다. 선택한 유형에 따라 아래 세금 정보, 이름 및 주소 항목에 작성할 내용이 달라집니다. 모두 작성하면 계속 버튼을 클릭합니다.
결제수단 항목이 나오면 신용카드를 등록합니다. (해외결제가 가능한 신용카드가 필요합니다.)
참고: 팝업 안내와 같이 구글은 가입 즉시 1년 동안 사용할 수 있는 300달러 상당의 크레딧을 제공하며, 300달러를 모두 소진 하더라도 자동 결제 되지 않습니다. 무료 제공하는 300달러 크레딧은 방문자가 많은 대부분의 사이트에서 충분히 사용할 수 있으며, 차후 필요에 따라 추가 결제를 진행할 수 있습니다.
API 키 발급 창이 나오면 복사 아이콘을 클릭해 API 키를 복사하고 메모해 둡니다.
2단계: 사용자 인증 정보 설정하기
왼쪽 메뉴에서 사용자 인증 정보를 클릭합니다.
애플리케이션 제한사항을 없음 으로 선택합니다.
API 제한사항에서 키 제한을 선택합니다.
Select APIs 버튼을 클릭합니다.
Geocoding API, Geolocation API, Maps Elevation API, Maps JavaScript API, Place API 5개를 선택하고, 확인을 클릭합니다.
3단계: 내 사이트에 Google 지도 적용하기
공유 및 API 설정을 클릭합니다.
Google 지도 API에서 API 키 항목에 위 1단계에서 메모한 API 키를 붙여넣습니다.
4단계: 디자인 모드에 Google 지도 표시하기
지도 종류 항목에서 Google 지도를 선택합니다.
아래 그림과 같이 설정 창 상단에 지도가 표시된다면 정상적으로 적용된 것입니다. 이제 주소 항목에서 주소를 입력해 키보드 Enter 눌러 위치를 지정하고, 기타 옵션을 적용해 단일 지도(또는 지도 게시판) 설정을 완료합니다.