Цветовая схема карты

Для карт типа roadmap и terrain можно задать цветовую схему (темную, светлую или текущую системную) с помощью google.maps.colorScheme. Параметр colorScheme можно задать только при инициализации карты. Если задать его после создания карты, он не будет действовать.

Карта дорог

На изображении ниже показаны цветовые схемы светлого и тёмного режимов для типа roadmap.

Два примера карты Парижа типа roadmap в светлом и темном режимах.

Рельеф

На изображении ниже показаны цветовые схемы светлого и тёмного режимов для типа terrain.

Два примера карты рельефа в светлом и темном режимах.

По умолчанию на карте используется светлая тема. При создании карты импортируйте ColorScheme и укажите цветовую схему карты (LIGHT, DARK или FOLLOW_SYSTEM) в настройках карты, как показано ниже.

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

Если вы сбросите параметры после создания экземпляра карты, colorScheme не будет иметь эффекта.

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