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

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

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