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 przyniesie żadnego efektu.
Plan działań
Na obrazie poniżej widać schematy kolorów trybu jasnego i trybu ciemnego dla typu roadmap.
Teren
Na obrazie poniżej widać schematy kolorów trybu jasnego i trybu ciemnego dla typu 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 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 mieć wpływu.
Aby utworzyć niestandardowe jasne i ciemne style dla typów map drogowych, użyj definiowania stylów map w Google Cloud.