Используйте встроенные объявления стиля JSON.

Выберите платформу: Android iOS JavaScript

Вы можете применить индивидуальный стиль с помощью встроенных объявлений стилей JSON к следующим элементам:

  • Карта по умолчанию.
  • Типы карт, между которыми пользователь может переключаться в пределах одного фрейма карты.

Укажите стили для функций

Чтобы применить стили к различным объектам и элементам карты, создайте массив объектов MapTypeStyle , которые определяют, как должна быть оформлена карта.

Массив имеет следующий вид:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

Список всех доступных значений для featureType , elementType и stylers смотрите в справочнике по стилям JSON .

Мастер стилизации платформы карт

Создавайте пользовательские стили для API платформы Google Карт

Используйте мастер стилей платформы Карт как быстрый способ создания объекта стиля JSON.

Применить стили к карте по умолчанию

Ниже показан пример карты по умолчанию, оформленной светлым текстом и значками на тёмном фоне (тёмный режим). Чтобы посмотреть пример кода, перейдите в раздел «Стилизованные карты — Ночной режим» .

Чтобы изменить стили карты по умолчанию, задайте свойство styles карты в объекте MapOptions для вашего массива стилей, когда:

  • Создание вашей карты.
  • Или при вызове метода Map.setOptions .

Изменения в метках и дорогах затрагивают все типы карт, включая карты рельефа, спутниковые карты, гибридные карты и карты дорог по умолчанию.

Применить стили к типу карты

Ниже показан добавленный тип карты под названием «Стилизованная карта» в элементе управления в левом верхнем углу карты. Пример кода см. в разделе «Типы стилизованных карт» .

Чтобы создать стилизованный тип карты, установите массив стилей в объект StyledMapType . Создание нового стилизованного типа карты не влияет на стиль типов карт по умолчанию.