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

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

Дорожная карта

На следующем изображении показаны цветовые схемы светлого и темного режимов для типа 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 не окажет никакого эффекта.