Schemat kolorów mapy

W przypadku map typu roadmap i terrain możesz ustawić schemat kolorów mapy (ciemny, jasny lub bieżące ustawienie systemowe) za pomocą google.maps.colorScheme. Opcję colorScheme można ustawić tylko podczas inicjowania mapy. Ustawienie tej opcji po utworzeniu mapy nie będzie miało żadnego efektu.

Plan działań

Poniższy obraz przedstawia schematy kolorów trybu jasnego i ciemnego dla typu roadmap.

Dwa przykłady mapy Paryża w stylu mapy drogowej z użyciem jasnej i ciemnej palety kolorów.

Teren

Poniższy obraz przedstawia schematy kolorów trybu jasnego i ciemnego dla typu terrain.

Dwa przykłady mapy typu terenowego z użyciem schematów kolorów trybu jasnego i ciemnego.

Domyślnie mapa używa trybu jasnego. Podczas tworzenia mapy zaimportuj ColorScheme i określ schemat kolorów mapy (LIGHT, DARK lub FOLLOW_SYSTEM) w opcjach mapy, jak pokazano tutaj.

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);

Jeśli zresetujesz opcje po utworzeniu instancji mapy, colorScheme nie będzie działać.

Aby utworzyć niestandardowe style jasne i ciemne dla typów map planu działań, użyj definiowania stylów map w Google Cloud.