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

Для карт типа 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 не будет иметь никакого эффекта.

Для создания пользовательских светлых и темных стилей для ваших типов карт дорожной карты используйте облачные инструменты стилизации карт .