Настраивайте и обновляйте дорожную карту для своих пользователей, не обновляя код приложений. С помощью облачных стилей карт платформы Google Карт в консоли Google Cloud вы можете выбирать цвета и настраивать видимость объектов на карте roadmap по умолчанию и применять их ко всем своим приложениям JavaScript, iOS и Android.
Хотя Google Maps предоставляет различные виды, такие как спутниковая карта, карта рельефа и карта дорог, стилизация облачных карт влияет только на тип карты roadmap по умолчанию.
Благодаря облачному оформлению карт вы можете создавать более интересные и информативные карты и обновлять их без внесения изменений в код:
Дополнительные функции карты : настройте почти 100 отдельных объектов карты в четырёх категориях. К объектам интереса относятся такие объекты, как «Развлечения», «Отдых» и «Услуги», каждый из которых также имеет несколько дочерних объектов. Например, к объектам обслуживания относятся банкомат, банк, автозаправочная станция и туалет. Полный список см. в разделе «Что можно стилизовать на карте» .
Больше возможностей для настройки карт : облачные стили карт делают процесс оформления карты более простым и интуитивно понятным. Последние обновления предоставляют более детальный контроль над внешним видом базовой карты с помощью меток и геометрических элементов, ранее недоступных для объектов карты. Например, вы можете настраивать метки для туристических достопримечательностей, ресторанов, зон отдыха, экстренных служб, магазинов и многого другого.
Карты загружаются быстро после первого использования : после первоначального запуска, когда стиль карты загружается и кэшируется, последующие просмотры, а также панорамирование/масштабирование карты выполняются быстрее.
Улучшенный интерфейс редактора стилей карты : настройки карты позволяют задавать свойства стиля карты, такие как стили зданий и ориентиров, а также уровни плотности точек интереса. Все элементы стиля отображаются на одной панели, что обеспечивает более удобный просмотр области карты при настройке. Кроме того, стало проще находить нужный объект на карте благодаря более интуитивно понятным категориям, которые можно разворачивать и сворачивать, а также фильтру для ограничения списка нужных объектов.
Что можно сделать с помощью облачной стилизации карт
С помощью облачной стилизации карт можно выполнять следующие действия:
Используйте редактор стилей без написания кода : дизайнер может создать и просмотреть стиль, соответствующий вашим целям и брендингу, без необходимости написания кода.
Изменение стилей без изменения кода : создавайте и тестируйте изменения стилей карты без внесения каких-либо изменений в код после того, как идентификатор карты будет указан.
Настройте дополнительные элементы карты : измените видимость и цвет дополнительных элементов карты, таких как дороги, здания, водоемы, точки интереса и транзитные маршруты.
Как работает стилизация облачных карт
Стили карт хранятся и редактируются в облачной консоли платформы Google Карт. Ваше приложение использует идентификатор карты для запроса стиля из облачной консоли, а затем применяет его к своему приложению. С одним и тем же стилем можно связать несколько идентификаторов карт, чтобы ваши карты выглядели одинаково на всех платформах приложений.
Создайте или откройте идентификатор карты для вашего типа приложения и назначьте ему стиль карты. Вы можете создать дополнительные идентификаторы карт для приложений на других платформах и назначить им тот же стиль карты. Подробнее см. в разделе «Связывание или удаление идентификаторов карт со стилем» .
Если вам нужно изменить стиль карты, отредактируйте его в облачном стиле. Подробнее см. в разделе Обновление стиля карты .
6
Опубликуйте измененный стиль карты
Когда вы будете готовы обновить стиль карты, опубликуйте его, и новый стиль появится в вашем приложении. Подробнее см. в разделе Публикация стиля карты .
[[["Прост для понимания","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"]],["Последнее обновление: 2025-08-12 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 through a no-code editor in the Google Cloud Console, making it accessible to designers and developers alike.\u003c/p\u003e\n"],["\u003cp\u003eCloud-based map styles are applied to your application using a map ID, ensuring consistency across different platforms (Android, iOS, JavaScript, Web Service).\u003c/p\u003e\n"],["\u003cp\u003eAfter initial loading, cloud-based map styles offer faster map loading and smoother pan/zoom experiences.\u003c/p\u003e\n"],["\u003cp\u003eThis styling feature focuses on customizing the \u003ccode\u003eroadmap\u003c/code\u003e map type and offers granular control over nearly 100 individual map elements, including points of interest and labels.\u003c/p\u003e\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/ios-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/ios-sdk/cloud-customization/setup-leg), and then check out the [Tutorial](/maps/documentation/ios-sdk/cloud-customization/tut-leg). |\n| 2 | **Create a cloud-based map style** | See [Create and use map styles](/maps/documentation/ios-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/ios-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/ios-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/ios-sdk/cloud-customization/map-styles-leg#publish-style). |\n\nWhat's next\n\n- Try out the [Tutorial](/maps/documentation/ios-sdk/cloud-customization/tut-leg).\n- Check out cloud styling application requirements. See [Application requirements](/maps/documentation/ios-sdk/cloud-customization/setup-leg#reqs)."]]
