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
.
Teren
Na ilustracji poniżej przedstawiono schematy kolorów trybu jasnego i ciemnego
Typ: terrain
.
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.