Google Maps Platform은 Google Cloud 콘솔에서 클라우드 기반 지도 스타일 지정 기능을 제공합니다. 클라우드 스타일 지정을 사용하면 지도 스타일을 변경할 때마다 앱 코드를 업데이트하지 않고도 사용자를 위한 맞춤설정된 roadmap 환경을 만들 수 있습니다. JavaScript, iOS 및 Android 애플리케이션에 나타나는 도로 지도의 지형지물에 대한 표시 여부를 설정하고 색상을 선택하는 지도 스타일을 생성할 수 있습니다. 자세한 내용은 roadmap을 참고하세요.
클라우드 기반 지도 스타일 지정을 사용해야 하는 이유
클라우드 기반 지도 스타일 지정 기능을 사용하면 더 매력적이고 유익한 지도를 만들고 더 간단하게 업데이트할 수 있습니다.
더 많은 지도 지형지물 이용 가능: 네 개의 카테고리에 속하는 거의 100개의 개별 지도 지형지물을 맞춤설정할 수 있습니다. 관심 장소에는 엔터테인먼트, 여가, 서비스와 같은 지형지물이 포함되어 있으며, 각 지형지물에는 여러 하위 지형지물이 포함되어 있습니다. 예를 들어 서비스에는 ATM, 은행, 주유소, 화장실이 포함되어 있습니다. 전체 목록은 지도에서 스타일을 지정할 수 있는 항목을 참고하세요.
더 많은 방법으로 지도를 맞춤설정할 수 있음: 클라우드 기반 지도 스타일 지정 기능을 사용하면 더 쉽고 더 직관적으로 지도의 스타일을 지정할 수 있습니다. 최근 업데이트를 사용하면 이전에는 지도 지형지물에 사용할 수 없었던 라벨과 도형을 사용하여 기본 지도의 디자인과 느낌을 더 세부적으로 관리할 수 있습니다. 예를 들어 관광명소, 음식점, 여가 공간, 응급 서비스, 소매업 등에 적용되는 라벨을 맞춤설정할 수 있습니다.
첫 번째 사용 후 지도가 빠르게 로드됨: 초기 시작 시간에 지도 스타일이 다운로드되고 캐시됨에 따라 그 이후 지도 보기 및 이동/확대/축소 속도가 빨라집니다.
지도 스타일 편집기 인터페이스가 개선됨: 지도 설정을 사용하면 건물 및 명소 스타일, 관심 장소 밀도 수준과 같은 지도 스타일 속성을 정의할 수 있습니다. 스타일 지정이 가능한 모든 요소가 단일 패널에 표시되어, 맞춤설정 시 더 많은 지도 영역을 볼 수 있습니다. 또한 펼쳐지고 접히는 보다 직관적인 카테고리 및 필요한 지형지물로 목록의 범위를 조정하는 필터 상자를 이용하여 지도 지형지물을 더 쉽게 찾을 수 있습니다.
클라우드 기반 지도 스타일 지정을 사용하여 할 수 있는 작업
클라우드 기반 지도 스타일 지정을 사용하여 다음과 같은 작업이 가능합니다.
코드가 필요 없는 스타일 편집기 사용: 코딩하지 않고도 목표와 브랜딩에 맞는 스타일을 만들고 미리 볼 수 있습니다.
코드 변경 없이 스타일 변경: 지도 ID가 배치되면 코드를 변경하지 않고도 지도 스타일의 초안을 작성하고 테스트할 수 있습니다.
더 많은 지도 지형지물의 스타일 지정: 도로, 건물, 수역, 관심 장소, 대중교통 경로와 같은 더 많은 지도 지형지물의 표시 여부와 색상을 변경할 수 있습니다.
클라우드 기반 지도 스타일 지정 기능의 작동 방식
지도 스타일은 Google Maps Platform Cloud 콘솔에서 저장 및 수정합니다. 애플리케이션은 지도 ID를 사용하여 클라우드 콘솔에서 지도 스타일을 요청한 다음 애플리케이션에 적용합니다. 여러 지도 ID를 동일한 지도 스타일과 연결할 수 있으므로 지도가 여러 애플리케이션 플랫폼에서 동일하게 표시될 수 있습니다.
[[["이해하기 쉬움","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-05-09(UTC)"],[[["\u003cp\u003eCloud-based maps styling allows you to customize the appearance of your Google Maps by changing colors, visibility, and POI density without updating your app's code.\u003c/p\u003e\n"],["\u003cp\u003eYou can create and manage map styles in the Google Cloud Console using a no-code editor, making it easy for designers and developers to collaborate.\u003c/p\u003e\n"],["\u003cp\u003eStyled maps using map IDs load quickly after initial caching, providing a smooth and engaging user experience.\u003c/p\u003e\n"],["\u003cp\u003eCloud-based maps styling supports customization of a wide range of map features, including roads, buildings, points of interest, and transit routes, offering extensive flexibility in map design.\u003c/p\u003e\n"],["\u003cp\u003eThis feature is available across multiple platforms, including Android, iOS, JavaScript, and Web Service, ensuring consistent map styling across your applications.\u003c/p\u003e\n"]]],["Cloud-based map styling allows customization of the default `roadmap` view across Android, iOS, and JavaScript applications through the Google Cloud Console. Key actions include creating and associating map styles with map IDs, which are then added to applications. Styles can be updated and published online without code changes, offering granular control over map features like points of interest, labels, and geometries. This process enables designers to modify maps using a no-code editor, and provides faster map loading after initial use.\n"],null,["Select platform: [Android](/maps/documentation/android-sdk/cloud-customization \"View this page for the Android platform docs.\") [iOS](/maps/documentation/ios-sdk/cloud-customization \"View this page for the iOS platform docs.\") [JavaScript](/maps/documentation/javascript/cloud-customization \"View this page for the JavaScript platform docs.\") [Web Service](/maps/documentation/maps-static/cloud-customization \"View this page for the Web Service platform docs.\")\n\n\u003cbr /\u003e\n\n| **Paid feature:**\n| Features accessed by adding a [map ID](/maps/documentation/get-map-id) triggers a map\n| load charged against the Dynamic Maps SKU for Android and iOS. See\n| [Google Maps Billing](/maps/billing-and-pricing/sku-details#dynamic-maps-ess-sku) for more information.\n\nCustomize and update the road map experience for your users without\nhaving to update your apps' code. With the Google Maps Platform cloud-based maps styling in the Google Cloud Console, you can select colors and set visibility for features on the default `roadmap` map type and apply it to all of your JavaScript, iOS, and Android applications.\n\nWhile Google Maps provides different views, such as satellite, terrain, and road map, cloud-based maps styling affects only the default `roadmap` map type.\n\nFor information on other ways to customize your map, see [Customize Maps](../map-ids/customize-maps-overview.md).\n\nWhy use cloud-based maps styling\n\nWith cloud-based maps styling, you can create more engaging and informative maps\nand update them without code changes:\n\n- **More map features** : Customize almost 100 individual map features, in four categories. Points of interest includes features such as Entertainment, Recreation, and Services, which each also have several child features. For example, Services includes ATM, Bank, Gas station, and Restroom. For the full list, see [What you can style on a map](/maps/documentation/android-sdk/cloud-customization/taxonomy).\n- **More ways to customize maps**: Cloud-based maps styling makes it easier and more intuitive for you to style your map. Recent updates give you more granular control over the look and feel of the basemap with labels and geometries not previously available for map features. For example, you can customize labels applied to tourist attractions, restaurants, recreational areas, emergency services, retail, and more.\n- **Maps load quickly after the first use**: After the initial startup time as a map style is downloaded and cached, subsequent views and pan/zoom movement of the map are faster.\n- **Improved map style editor interface**: Map settings let you define map style properties, such as Building and landmark styles and POI density levels. Styleable elements are all shown on a single panel, giving you more visible map area when making customizations. It is also easier to find your map feature with more intuitive categories that expand and collapse, plus a filter box to scope the list to the map feature you need.\n\nWhat can you do with cloud-based maps styling\n\nYou can do the following with cloud-based maps styling:\n\n- **Use a no-code style editor**: A designer can create and preview a style to match your goals and branding without needing to code.\n- **Change styles without code changes**: Draft and test map style changes without any changes to your code once the map ID is in place.\n- **Style more map features**: Change the visibility and color of more map features, such as roads, buildings, bodies of water, points of interest, and transit routes.\n\nHow cloud-based maps styling works\n\nMap styles are stored and edited in the Google Maps Platform Cloud Console. Your\napplication uses a map ID to request a map style from the cloud console, and then\napplies it to your application. You can have several map IDs associated with the same map style,\nso your maps can look the same across your application platforms. \n\nHow to use cloud-based maps styling\n\n|---|--------------------------------------------|-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| 1 | **Get started** | Head over to [Get started and set up](/maps/documentation/android-sdk/cloud-customization/setup-leg), and then check out the [Tutorial](/maps/documentation/android-sdk/cloud-customization/tut-leg). |\n| 2 | **Create a cloud-based map style** | See [Create and use map styles](/maps/documentation/android-sdk/cloud-customization/map-styles-leg). |\n| 3 | **Associate your map style with a map ID** | Create or open a map ID for your application type, and assign a map style to it. You can create additional map IDs for applications on other platforms and assign the same map style to them. For details, see [Associate or remove map IDs on your style](/maps/documentation/android-sdk/cloud-customization/map-styles-leg#associate-style-with-map-id). |\n| 4 | **Add the map ID to your application** | Your maps then use the map style associated with that map ID. For details, see [Add the map ID to your map](/maps/documentation/get-map-id#add-a-map-id-to-your-app). |\n| 5 | **Adjust your map style online** | Whenever you need to change your map style, edit it in cloud styling. For details, see [Update a map style](/maps/documentation/android-sdk/cloud-customization/map-styles-leg#update-style). |\n| 6 | **Publish your changed map style** | When you're ready to update a map style, publish it, and your new map style shows up in your application. For details, see [Publish a map style](/maps/documentation/android-sdk/cloud-customization/map-styles-leg#publish-style). |\n\nWhat's next\n\n- Try out the [Tutorial](/maps/documentation/android-sdk/cloud-customization/tut-leg).\n- Check out cloud styling application requirements. See [Application requirements](/maps/documentation/android-sdk/cloud-customization/setup-leg#reqs)."]]
