Используйте встроенные объявления стиля 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.

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

Ниже показан пример карты по умолчанию, стилизованной с использованием светлого текста и значков на темном фоне (т.е. темный режим). Чтобы увидеть пример кода, перейдите в Styled Maps - Night Mode code sample .

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

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

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

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

Ниже показан добавленный тип карты под названием Styled Map в элементе управления в левом верхнем углу карты. Чтобы увидеть пример кода, перейдите в Styled Map Types .

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