Schemat kolorów mapy

W przypadku map typu roadmap i terrain możesz ustawić schemat kolorów mapy (ciemne, jasne lub bieżące ustawienia systemu) za pomocą funkcji google.maps.colorScheme. Opcję colorScheme można ustawić tylko podczas zainicjowania mapy. Ustawianie nie przyniesie żadnego efektu po utworzeniu mapy.

Plan działań

Na ilustracji poniżej przedstawiono schematy kolorów trybu jasnego i ciemnego Typ: roadmap.

2 przykłady mapy Paryża z mapami rozwoju w trybie jasnym i ciemnym.

Teren

Na ilustracji poniżej przedstawiono schematy kolorów trybu jasnego i ciemnego Typ: terrain.

2 przykłady mapy typu terenu korzystającego ze 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 opisane tutaj opcje mapy.

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 mapy, colorScheme nie będzie mieć efektu.