클라우드 기반 지도 스타일 지정

Google Maps Platform에서는 Google Cloud 콘솔을 통해 손쉽게 지도의 스타일을 지정하고 지도를 맞춤설정 및 관리할 수 있는 클라우드 기반 지도 스타일 지정 기능을 제공합니다. 이 기능을 사용하면 스타일을 변경할 때마다 앱 코드를 업데이트하지 않고도 지도 사용자들에게 맞춤화된 경험을 제공할 수 있습니다.

2020년 9월 15일 이전에 생성된 스타일에는 Google 지도의 고급 자연 지형지물 표시 기능이 적용되지 않습니다. 지도 스타일 지정에 Google 지도의 고급 자연 지형지물 지원을 사용하려면 지도 스타일을 생성해야 합니다.

클라우드 기반 지도 스타일 지정을 사용하는 경우 지도 ID를 지정하면 코드를 변경하지 않고도 Google 지도를 사용하는 모든 앱에서 지도 스타일을 만들고 수정할 수 있습니다. 모든 스타일 변경을 Cloud 콘솔에서 수행할 수 있으며 코딩 기술이 필요하지 않습니다. 도로, 건물, 수역, 관심 장소, 대중교통 경로와 같은 다양한 지도 요소의 모양과 색상을 변경합니다.

기능은 다음과 같습니다.

  • 클라우드 기반 지도 스타일 지정: JSON을 사용하여 코드로 지도 스타일을 지정하는 대신 Cloud 콘솔에서 지도 ID 및 지도 스타일을 통해 동적 또는 정적 지도를 관리하고 지도의 스타일을 지정할 수 있습니다.
  • 비즈니스 관심 장소 필터링: 비즈니스 관심 장소 카테고리 5개를 지도 화면에서 선택적으로 삭제할 수 있습니다.
  • POI 밀도 조정: 기본 지도에 표시되는 관심 장소의 밀도를 조정하여 기본적으로 관심 장소를 더 많이 또는 더 적게 표시할 수 있습니다.

클라우드 기반 지도 스타일 지정은 Android용 Maps SDK1, iOS용 Maps SDK, JavaScript, Maps Static API에서 사용할 수 있지만 플랫폼에 따라 일부 지형지물은 표시되지 않습니다.

시작하기 전에

  • 지도 ID 만들기
    클라우드 기반 지도 스타일 지정을 사용하려면 지도 ID를 사용하여 지도를 로드해야 합니다.
  • 하드 코딩된 스타일 지정에서 이전
    지도 ID를 추가하여 JSON 또는 URL 쿼리 매개변수와 같은 하드 코딩 스타일 지정으로 맞춤설정된 기존 지도에서 클라우드 기반 지도 스타일 지정을 사용하려면 향후 기능 충돌을 방지하기 위해 하드 코딩 스타일 지정을 삭제하는 것이 좋습니다. JSON 스타일 지정을 새 지도 스타일로 가져올 수 있습니다.

결제

클라우드 기반 지도 스타일 지정을 사용하려면 지도 ID가 필요합니다. Android용 Maps SDK, iOS용 Maps SDK, JavaScript에서 지도 ID를 사용하면 동적 지도 SKU에 대한 요금이 부과됩니다. Maps Static API에서 지도 ID를 사용하면 정적 Maps SKU에 대한 요금이 부과됩니다.

ApiDemos 샘플 앱 실행

ApiDemos 샘플 앱을 실행하려면 GitHub 샘플 GoogleMap 샘플 앱CloudBasedMapStylingViewController 프로젝트 (Swift | Objective-C용 GitHub 샘플)를 참조하세요.

클라우드 스타일 지정 CocoaPod 또는 GitHub 데모(선택사항)

처음부터 시작하는 대신 여기에서 클라우드에서 iOS 지도의 스타일을 지정하는 방법을 보여주는 Objective-C 샘플 애플리케이션을 사용해 보세요.

베타 데모 앱 빌드

Xcode에서 컴파일 버튼을 눌러 빌드한 다음, 현재 구성표를 실행합니다. 빌드에서 SDKDemoAPIKey.h 파일에 API 키를 입력하라는 오류가 발생합니다.

아직 API 키가 없는 경우 다음 안내에 따라 Cloud Console에서 프로젝트를 설정하고 API 키를 가져옵니다. Cloud Console에서 키를 구성할 때 앱에서만 키를 사용할 수 있도록 앱의 번들 식별자를 지정할 수 있습니다. SDK 샘플 앱의 기본 번들 식별자는 com.example.GoogleMapsDemos입니다.

SDKDemoAPIKey.h 파일을 수정하고 API 키를 kAPIKey 상수의 정의에 붙여넣습니다.

```
static NSString *const kAPIKey = @"YOUR_API_KEY";
```

수정을 위해 SDKDemoAPIKey.h 파일을 잠금 해제하라는 메시지가 Xcode에 표시되면 잠금 해제를 선택합니다.

다음 줄을 삭제합니다.

```
#error Register for API Key and insert here.
```

프로젝트를 빌드하고 실행합니다.

클라우드 기반 지도 스타일 지정 지도 데모

CloudStyling 데모는 Google Cloud Console에 설정된 스타일을 사용하여 지도 스타일을 지정하는 방법을 보여줍니다.

데모 애플리케이션이 실행되면 목록 상단의 베타 샘플 섹션에서 지도 맞춤설정 데모를 클릭합니다.

스타일 지도를 클릭하여 여러 지도 ID를 로드하는 효과를 확인합니다.

나만의 스타일을 추가 ('스타일 지도' > '새 지도 ID 추가')하여 맞춤 스타일 지도로 지도 업데이트를 확인해 보세요.


  1. Android 라이트 모드에서는 클라우드 기반 지도 스타일 지정을 사용할 수 없습니다.