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ń
Na ilustracji poniżej przedstawiono schematy kolorów trybu jasnego i ciemnego dla typu roadmap.
Teren
Na ilustracji poniżej 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, parametr colorScheme nie będzie miał żadnego wpływu.
Aby utworzyć niestandardowe jasne i ciemne style dla typów map drogowych, użyj definiowania stylów map w Google Cloud.