튜토리얼 - 도로망 강조 표시

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

이 튜토리얼에서는 도로망을 강조 표시하는 지도 스타일을 만들고 사용하는 단계를 안내합니다.

  1. 지도 스타일을 생성하고 게시하여 사용할 수 있도록 합니다.

  2. 지도 ID를 생성하고 연결하여 앱과 웹사이트에서 스타일을 사용할 수 있습니다.

  3. 앱 및 웹사이트에 지도 ID를 추가하여 앱에서 지도 스타일을 사용하도록 합니다.

1단계: 지도 스타일 생성 및 게시하기

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

  1. Google Maps Platform으로 이동하여 지도 스타일을 선택합니다. 필요한 경우 프로젝트를 선택하거나 만듭니다.

  2. 스타일 만들기를 선택합니다.

  3. 페이지 하단에서 스타일 편집기에서 열기를 선택합니다.

도로망 스타일 지정

  1. 지도 지형지물 아래에서 인프라를 선택한 다음, 도로망을 선택합니다.

  2. 오른쪽에 팝업으로 열리는 패널에서 다중선 아래의 채우기 색상을 선택한 다음 색상 상자를 선택합니다.

  3. 밝은 색상을 선택합니다. 색상을 변경하면 채우기 색상 상자가 자동으로 선택됩니다.

  4. 획 너비에서 획 너비를 5px로 설정합니다.

  5. 지도에서 확대 및 축소하여 변경사항의 효과를 확인합니다. 계층 구조에서 상대적으로 상위에 있는 지도 지형지물을 선택했기 때문에 그 아래에 있는 모든 도로 유형에서 변경사항이 상속됩니다.

    도로망 채우기 색상 변경을 보여주는 지도 스타일

지도 스타일 저장 및 게시

  1. 오른쪽 상단에서 저장을 선택합니다.

  2. 지도 스타일 저장 및 게시에서 지도 스타일의 이름을 지정하고 필요한 경우 설명을 입력합니다.

  3. 저장을 선택합니다. 지도 스타일이 저장되고 게시됩니다.

    페이지 저장 및 게시

2단계: 지도 ID 생성 및 연결하기

지도 ID를 사용하면 앱과 웹사이트에서 지도 스타일을 사용할 수 있습니다. 지도 ID와 연결된 지도 스타일을 변경하는 경우 게시할 때 스타일 변경사항이 적용되므로 소프트웨어나 앱 업데이트가 필요하지 않습니다.

지도 ID 만들기

  1. Google Maps Platform에서 지도 관리를 선택합니다.

  2. 상단에서 지도 ID 만들기를 선택합니다.

    지도 ID 만들기 버튼

  3. 지도 ID의 이름을 지정하고 필요한 경우 설명을 추가합니다.

  4. 지도 스타일을 사용하려는 위치에 따라 지도 ID의 지도 유형을 선택합니다.

    지도 ID 페이지에서 지도 유형을 선택하기

  5. 페이지 하단에서 저장을 선택합니다. 지도 ID가 생성됩니다.

지도 ID를 지도 스타일에 연결

  1. 연결된 지도 스타일에서 내가 만든 지도 스타일을 선택합니다.

    지도 스타일을 지도 ID와 연결

  2. 저장을 선택합니다. 이제 지도 ID가 지도 스타일과 연결됩니다.

3단계: 앱 또는 웹사이트에 지도 ID 추가하기

이제 게시된 지도 스타일과 연결된 지도 ID가 있으므로 앱 또는 웹사이트에 추가하고 예상대로 작동하는지 테스트할 수 있습니다.

지도 ID 추가에 대한 자세한 내용은 지도에 지도 ID 추가를 참조하세요.

다음 단계

다음과 같은 사항을 이후에 시도할 수 있습니다.

  • 스타일을 업데이트할 수 있습니다. 지도 스타일을 변경하고 게시하면 변경사항이 앱과 웹사이트에 자동으로 표시되는 것을 확인할 수 있습니다. 변경사항을 적용하기 전에 테스트하려는 경우 지도 스타일 업데이트 테스트를 참조하세요.

  • 지도 지형지물 계층을 사용하여 원하는 스타일을 효율적으로 가져올 수 있습니다. 예를 들어 상위 수준 지도 지형지물인 자연 > 토지의 스타일을 지정할 수 있으며, 이렇게 하면 그 아래에 있는 모든 토지 지도 지형지물이 같은 스타일을 상속합니다. 그런 다음 다르게 하고 싶은 특정 하위 지도 지형지물에 대해 맞춤 스타일을 지정할 수 있습니다.