Вы можете применять настраиваемые стили с помощью встроенных объявлений стиля JSON к следующим объектам:
- Карта по умолчанию.
- Типы карт, между которыми пользователь может переключаться в пределах одного фрейма карты.
Определение стилей для объектов
Чтобы применить стили к различным объектам и элементам на карте, создайте массив объектов MapTypeStyle
, определяющих стиль карты.
Массив имеет следующий вид:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
Список всех доступных значений featureType
, elementType
и stylers
см. в справочной документации.
Мастер стиля для платформы Google Карт
Чтобы быстро создать объект стиля JSON, воспользуйтесь Мастером стиля для платформы Google Карт.
Применение стилей к карте по умолчанию
Ниже показан пример карты по умолчанию, оформленной с использованием светлого текста и значков на темном фоне (ночной режим). Пример кода доступен в статье Стилизованные карты: ночной режим.
Чтобы изменить стиль карты по умолчанию, вы можете задать в свойстве styles
объекта MapOptions
свой массив стилей:
- при создании карты;
- при вызове метода
Map.setOptions
.
Изменения меток и дорог применяются ко всем типам карт (спутниковые, гибридные, дорожные по умолчанию, а также карты рельефа).
Применение стилей к типу карты
В примере ниже видно, что в меню выбора карты в левом верхнем углу экрана добавлен тип Styled Map. Код этого примера доступен в статье Типы стилизованных карт.
Чтобы создать тип для стилизованной карты, задайте для массива стилей объект StyledMapType
. Создание нового типа карты не влияет на стили карт по умолчанию.