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

플랫폼 선택: Android iOS JavaScript 웹 서비스

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

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

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

기능은 다음과 같습니다.

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

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

시작하기 전에

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

결제

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

예시

지도 ID는 특정 지도 스타일 또는 지형지물과 연결된 식별자입니다. Google Cloud Console에서 지도 스타일을 구성하고 지도 ID와 연결합니다. 그런 다음 코드에서 지도 ID를 참조하면 연결된 지도 스타일이 앱에 표시됩니다. 이후의 스타일 업데이트는 고객이 업데이트할 필요 없이 앱에 자동으로 표시됩니다.

  1. style 매개변수로 맞춤설정된 기존 지도에서 클라우드 기반 지도 스타일을 지정하는 경우 향후 기능과의 충돌을 방지하기 위해 기존 지도를 삭제해야 합니다.

  2. Google 웹 API 중 하나를 사용하는 새 지도 또는 기존 지도에 지도 ID를 추가하려면 map_id URL 매개변수를 추가하고 지도 ID에 설정하세요. 이 예에서는 Maps Static API를 사용하여 지도에 지도 ID를 추가하는 방법을 보여줍니다.

    <img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />

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