의견 보내기
튜토리얼 - 도로망 강조 표시
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
이 튜토리얼에서는 도로망을 강조 표시하는 지도 스타일을 만들고 사용하는 단계를 안내합니다.
지도 스타일을 생성하고 게시 하여 사용할 수 있도록 합니다.
지도 ID를 생성하고 연결 하여 앱과 웹사이트에서 스타일을 사용할 수 있습니다.
앱 및 웹사이트에 지도 ID를 추가 하여 앱에서 지도 스타일을 사용하도록 합니다.
1단계: 지도 스타일 생성 및 게시하기
클라우드 기반 지도 스타일 지정 열기
Google Maps Platform으로 이동하여
지도 스타일 을 선택합니다. 필요한 경우 프로젝트를 선택하거나 만듭니다.
스타일 만들기 를 선택합니다.
페이지 하단에서 스타일 편집기에서 열기 를 선택합니다.
도로망 스타일 지정
지도 지형지물 아래에서 인프라 를 선택한 다음, 도로망 을 선택합니다.
오른쪽에 팝업으로 열리는 패널에서 다중선 아래의 채우기 색상 을 선택한 다음 색상 상자를 선택합니다.
밝은 색상을 선택합니다. 색상을 변경하면 채우기 색상 상자가 자동으로 선택됩니다.
참고: 맞춤 스타일이 있음을 나타내기 위해 지도 지형지물 옆에 단색 점이 표시됩니다.
획 두께 에서 슬라이더를 드래그하여 획 두께를 5로 설정합니다.
지도에서 확대 및 축소하여 변경사항의 효과를 확인합니다. 계층 구조에서 상대적으로 상위에 있는 지도 지형지물을 선택했기 때문에 그 아래에 있는 모든 도로 유형에서 변경사항이 상속됩니다.
지도 스타일 저장 및 게시
오른쪽 상단에서 저장 을 선택합니다.
지도 스타일 저장 및 게시 에서 지도 스타일의 이름을 지정하고 필요한 경우 설명을 입력합니다.
저장 을 선택합니다. 지도 스타일이 저장되고 게시됩니다.
참고: 지도 스타일을 처음 저장하면 첫 번째 버전이므로 자동으로 게시됩니다. 이후에 지도 스타일을 업데이트한다면, 변경사항을 초안으로 저장한 다음 작업을 마치고 스타일을 업데이트하고 싶을 때 게시할 수 있습니다.
2단계: 지도 ID 생성 및 연결하기
지도 ID를 사용하면 앱과 웹사이트에서 지도 스타일을 사용할 수 있습니다. 지도 ID와 연결된 지도 스타일을 변경하는 경우 게시할 때 스타일 변경사항이 적용되므로 소프트웨어나 앱 업데이트가 필요하지 않습니다.
지도 ID 만들기
Google Maps Platform에서 지도 관리 를 선택합니다.
상단에서 지도 ID 만들기 를 선택합니다.
지도 ID의 이름을 지정하고 필요한 경우 설명을 추가합니다.
지도 스타일을 사용하려는 위치에 따라 지도 ID의 지도 유형을 선택합니다.
참고: 다양한 유형의 애플리케이션 또는 웹사이트에 지도 스타일을 사용하려면 각 유형마다 새 지도 ID를 생성한 다음 모두 동일한 지도 스타일에 연결합니다.
페이지 하단에서 저장 을 선택합니다. 지도 ID가 생성됩니다.
지도 ID를 지도 스타일에 연결
연결된 지도 스타일 에서 내가 만든 지도 스타일을 선택합니다.
팁: 속이 채워진 파란색 점이 표시되어 이 지도 지형지물에 맞춤 스타일이 있음을 나타냅니다.
저장 을 선택합니다. 이제 지도 ID가 지도 스타일과 연결됩니다.
3단계: 앱 또는 웹사이트에 지도 ID 추가하기
이제 게시된 지도 스타일과 연결된 지도 ID가 있으므로 앱 또는 웹사이트에 추가하고 예상대로 작동하는지 테스트할 수 있습니다.
지도 ID 추가에 대한 자세한 내용은 지도에 지도 ID 추가 를 참조하세요.
다음 단계
다음과 같은 사항을 이후에 시도할 수 있습니다.
스타일을 업데이트할 수 있습니다 . 지도 스타일을 변경하고 게시하면 변경사항이 앱과 웹사이트에 자동으로 표시되는 것을 확인할 수 있습니다. 변경사항을 적용하기 전에 테스트하려는 경우 지도 스타일 업데이트 테스트 를 참조하세요.
지도 지형지물 계층을 사용하여 원하는 스타일을 효율적으로 가져올 수 있습니다 .
예를 들어 상위 수준 지도 지형지물인 자연 > 토지 의 스타일을 지정할 수 있으며, 이렇게 하면 그 아래에 있는 모든 토지 지도 지형지물이 같은 스타일을 상속합니다. 그런 다음 다르게 하고 싶은 특정 하위 지도 지형지물에 대해 맞춤 스타일을 지정할 수 있습니다.
의견 보내기
달리 명시되지 않는 한 이 페이지의 콘텐츠에는 Creative Commons Attribution 4.0 라이선스 에 따라 라이선스가 부여되며, 코드 샘플에는 Apache 2.0 라이선스 에 따라 라이선스가 부여됩니다. 자세한 내용은 Google Developers 사이트 정책 을 참조하세요. 자바는 Oracle 및/또는 Oracle 계열사의 등록 상표입니다.
최종 업데이트: 2024-09-20(UTC)
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
의견을 전달하고 싶나요?
{"lastModified": "\ucd5c\uc885 \uc5c5\ub370\uc774\ud2b8: 2024-09-20(UTC)"}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-09-20(UTC)"]]