구글 지도 설정하기

Google 지도를 사용해 대한민국 외의 지역을 지도로 표시할 수 있습니다. Google 지도를 사용하기 위해선 Google 지도 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. 9번에서 복사한 api 키를 [관리자 페이지 > 환경설정 > 소셜 로그인·지도·공유 > 구글 지도]를 클릭하고 api 키 항목에 추가 후 저장해 주세요.

11. 이제 디자인 모드에서 단일 지도 혹은 지도 게시판 위젯을 추가하여 구글 지도를 사용할 수 있어요

• 관리자 페이지 왼쪽 상단의 디자인모드 를 클릭해 디자인 모드로 진입합니다. 접속방법
• 단일 지도 위젯 또는 지도 게시판 위젯을 추가합니다.
• 추가한 위젯에 마우스 포인터를 올리고, 마우스 오른쪽 버튼을 클릭합니다.
• 컨텍스트 메뉴가 나오면 지도 설정(또는 지도 리스트 설정)을 클릭합니다.

• 지도 종류 항목에서 Google 지도를 선택합니다.

12. 아래 그림과 같이 지도가 표시되면 정상적으로 적용된 것입니다.