W przypadku map typu roadmap i terrain możesz ustawić schemat kolorów mapy (ciemny, jasny lub bieżące ustawienie systemu) 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ń
Na poniższym obrazie przedstawiono schematy kolorów trybu jasnego i ciemnego dla typu roadmap.
Teren
Na poniższym obrazie przedstawiono schematy kolorów trybu jasnego i ciemnego dla typu terrain.
Domyślnie mapa jest wyświetlana w trybie jasnym. 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 miało żadnego efektu.
Aby utworzyć niestandardowe jasne i ciemne style dla typów map drogowych, użyj definiowania stylów map w Google Cloud.