Google 지도를 사용해 대한민국 외의 지역을 지도로 표시할 수 있습니다. Google 지도를 사용하기 위해선 Google 지도 API 키를 발급받아 내 사이트에 적용해야 합니다.
참고: 함께 제공되던 네이버 지도 api는 네이버 클라우드 플랫폼의 정책 변경에 따라 적용이 불가합니다. 지도 게시판을 사용해 여러 장소를 나타내고자 하신다면 이 가이드를 따라 구글 api를 연동해 주세요.
단일 지도를 사용하신다면 [페이지에 구글 지도 삽입하기 (API 설정 불필요)], [이미지 지도 설정하기 (API 설정 불필요)] 방법으로 사용해 보실 수 있습니다.
Google 계정이 필요합니다. 아직 Google 계정이 없다면 Google 계정 만들기 에서 새로운 계정을 만들어 주세요.
Google 지도를 사용하려면 Google Maps Platform에 가입해야 하며 고객 정보 및 결제 프로필을 설정해야 합니다.
무료 체험 중에는 자동 결제가 진행되지 않지만, 이후에는 결제가 진행될 수 있습니다. (자동 결제는 유료 구글 클라우드 계정을 활성한 후 시작됩니다)
결제와 관련된 내용은 [구글 가이드]를 참고해 주세요.
1. Google Maps Platform 접속하여 Google 계정으로 로그인 합니다.
2. 로그인 후 사용 국가를 선택하고 서비스 약관을 동의해 주세요.
3. (선택) 이후 노출되는 정보 입력 화면은 skip for now 를 클릭해 넘어가 주시거나 정보를 입력해 주세요.
4. 이후 새 프로젝트 생성해 주세요. 이미 생성된 프로젝트가 있다면 기존 프로젝트를 사용해 주셔도 됩니다.
[상단 프로젝트 선택(my maps project) 클릭 > 새 프로젝트 클릭 > 이름 입력 > 만들기]
5. 프로젝트 생성 후 좌측 메뉴에서 [API 및 서비스 > 라이브러리] 를 클릭합니다.
6. 검색 창에 'Maps JavaScript API' 입력하여 선택 후 사용 버튼을 클릭해 활성화 해주세요.
7. 이후 노출되는 화면에 따라 계정 정보 및 결제 프로필을 설정합니다. 만약 결제 프로필 설정 화면이 노출되지 않는다면 8번 항목을 진행해 주세요.
국가 및 서비스 약관 동의
고객 정보 입력
8. ‘키 및 사용자 인증 정보’ 화면이 노출되면, 하단 ‘지금 URL 서명하기 항목’에 사이트 주소를 입력해 주세요. 해당 항목은 안전한 연동임을 검증하기 위한 과정으로 입력하시는 것을 권장 드립니다.
9. 동일 화면의 api 키 항목에서 ‘키 표시(show key)’ 버튼을 클릭해 api 키를 복사해 주세요.
10. {내 사이트주소/admin/config/oauth/google-map} (예 : mysite.campaignus.me/admin/config/oauth/google-map) 링크에 접속한 후 9번에서 복사한 api 키를 api 키 항목에 추가 후 저장해 주세요.
11. 이제 디자인 모드에서 단일 지도 혹은 지도 게시판 위젯을 추가하여 구글 지도를 사용할 수 있어요
관리자 페이지 왼쪽 상단의 디자인모드 를 클릭해 디자인 모드로 진입합니다.
단일 지도 위젯 또는 지도 게시판 위젯을 추가합니다.
추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
컨텍스트 메뉴가 나오면 지도 설정(또는 지도 리스트 설정)을 클릭합니다.
지도 종류 항목에서 Google 지도를 선택합니다.
12. 아래 화면이 나타나면 구글 지도를 사용할 수 있습니다.
아래 팝업 이미지가 있을 경우 구글 지도를 사용할 수 없습니다.