В этом документе описывается концептуальная связь между собственными стилями и светлым и темным режимами, а также определяются различные типы карт и способы применения к ним стилей.
Чтобы начать работу с собственными стилями, ознакомьтесь со статьей Как создать стиль.
Светлая и тёмная темы
Для одного идентификатора карты можно создать два разных стиля: один оптимизирован для светлого фона, а другой – для темного. Для светлого и темного фона используются разные базовые карты. Поэтому нельзя использовать один стиль для обоих режимов.
Стили светлой и темной темы позволяют выбрать наиболее подходящую стилизованную карту для разных условий. Когда вы используете идентификатор карты в своих приложениях, они могут загружать нужный стиль в зависимости от запрограммированного поведения или настроек устройства пользователя.
Как выбрать светлую или тёмную тему при создании стиля
Вы можете выбрать светлую или темную тему при создании или копировании стиля. Изменить режим стиля после его создания нельзя.
Тип стиля можно посмотреть на странице сведений о стиле.
Пошаговые инструкции по созданию собственных стилей приведены в статье Как создавать и использовать стили карты.
Как связать стиль для светлой темы и стиль для темной темы с идентификатором карты
Идентификатор карты поддерживает только один стиль для светлой темы и один стиль для темной темы. Когда вы нажимаете на значок Изменить, чтобы изменить стиль светлой темы или темного режима, на панели отображаются только ваши стили для этого режима. Подробнее о том, как связать стиль с идентификатором карты…
Как собственные стили применяются к разным типам карт
Платформа Google Карт предлагает разные типы карт для различных вариантов использования, в том числе roadmap, navigation, hybrid, terrain, 3D roadmap и 3D hybrid. Уровень настройки зависит от того, основана ли карта только на векторных данных (например, roadmap, navigation и 3D roadmap), использует сочетание векторных данных и растровых изображений (например, terrain и hybrid) или использует сочетание растровых изображений, 3D-многоугольников и векторных изображений (например, 3D hybrid).
- Карты векторных данных
- В типах карт
roadmap,navigationи3D roadmapиспользуются только векторные данные, которые позволяют настраивать большинство объектов карты, включая многоугольники для суши и воды, дороги, ориентиры и достопримечательности.
- Карты с растровыми изображениями
- Типы карт
terrain,hybridи3D hybridиспользуют растровые изображения с векторными данными поверх них. Поэтому возможности их стилизации ограничены. Обычно можно стилизовать только векторные данные, наложенные на изображения, например ярлыки, значки и некоторые ломаные линии (дороги, границы). Нельзя настраивать объекты, которые являются частью базовых изображений. - Например, на изображении ниже показан стиль с синей темой. Вода окрашена в более темный цвет, чем по умолчанию, а дороги, открытые площадки и достопримечательности – в синий. При предварительном просмотре стиля на гибридной и 3D-гибридной картах вода и открытые пространства не будут синими, но дороги и объекты инфраструктуры будут оформлены.
Определения типов карт и поддержка режимов
В таблице ниже перечислены типы карт и указано, какие из них поддерживают дневной и ночной режимы.
| Тип карты | Описание | Снимки базовой карты | Поддержка режимов |
|---|---|---|---|
roadmap |
Стандартный вид карты, на котором показаны дороги и основные объекты. | Векторный | Светлая и тёмная темы |
navigation |
Специализированный тип карты, оптимизированный для пошаговых инструкций с помощью Navigation SDK. Дополнительную информацию о навигации вы найдете в обзоре настройки стилей карт для Navigation SDK для Android и Navigation SDK для iOS. | Векторный | Светлая и тёмная темы |
terrain |
Карта, на которой выделены физические особенности рельефа, такие как горы, реки и высота. | Векторные и растровые | Светлая и тёмная темы |
hybrid |
Сочетание спутниковых снимков и данных о дорогах, на которых указаны названия улиц и другие важные объекты. | Векторные и растровые | только светлая тема. |
3D roadmap |
Стандартная трехмерная карта с дорогами и основными объектами. Этот тип карт доступен только в 3D-картах в Maps JavaScript API. | Векторный | только светлая тема. |
3D hybrid |
Фотореалистичная 3D-карта, на которой можно настроить видимость ярлыков объектов инфраструктуры, дорог и дорожных знаков. Этот тип карт доступен только в 3D-картах в Maps JavaScript API. | Векторные и растровые | только светлая тема. |
Особенности стилизации растровых карт
При стилизации типов карт terrain, 2D hybrid, 3D hybrid и 3D roadmap могут наблюдаться следующие особенности:
При использовании собственных стилей на устройствах Android и iOS с типом карты
terrainвы можете заметить, что вода временно мигает. Это ожидаемое поведение при стилизации воды, поскольку тайлы дорожной карты загружаются после тайлов рельефа. Из-за задержки загрузки возникает небольшой визуальный конфликт в пользовательских цветах.Стили многоугольников могут перекрывать элементы карты на картах типов
terrain,2D hybridи3D hybrid. Например, стилизованный многоугольник парка на карте рельефа может скрывать мелкие детали рельефа. На гибридных картах он может скрывать спутниковые снимки.Для
3D hybridломаные линии дорог могут отображаться под мостами или неправильно вокруг эстакад и подземных переходов.Для типов карт
3D roadmapи3D hybridнельзя изменять настройки, которые позволяют управлять плотностью объектов инфраструктуры, стилем зданий, стилем достопримечательностей и цветом фона приложения.
Предварительный просмотр стилей для каждого типа карты
После создания собственных стилей проверьте, как они применяются к разным типам карт. Это особенно важно, поскольку не все стили применимы ко всем типам карт.
В Google Cloud Console можно посмотреть, как выглядят ваши стили, в редакторе стилей или на странице сведений о карте.
- Редактор стилей. На боковой панели нажмите на раскрывающийся список
Map typeи выберите тип карты. Карта обновится и отобразится с выбранным стилем. - Страница сведений о карте. В разделе Предварительный просмотр карты можно переключаться между светлым и темным режимами, а также выбирать разные типы карт в раскрывающемся списке. Чтобы посмотреть стиль, сначала свяжите его с идентификатором карты.
Как применить собственные стили к нескольким типам карт
На странице сведений о карте, после того как вы свяжете стили для светлого и темного режимов с идентификатором карты, нажмите Показать больше, чтобы выбрать, нужно ли применять собственные стили к нескольким типам карт. В разделе Предварительный просмотр карты можно ещё раз проверить, как стиль применяется к разным типам карт.