Ogłoszenie: wkrótce w Google Maps Platform pojawi się nowy styl mapy podstawowej. Ta aktualizacja stylizacji mapy obejmuje nową domyślną paletę kolorów, ulepszone piny oraz udoskonalenia dotyczące obsługi i użyteczności map. Wszystkie style map zostaną automatycznie zaktualizowane w marcu 2025 r. Więcej informacji o dostępności i o tym, jak wcześniej włączyć tę funkcję, znajdziesz w artykule Nowy styl map w Google Maps Platform.

Ta strona została przetłumaczona przez Cloud Translation API.

Schemat kolorów mapy

W przypadku map typu roadmap i terrain możesz ustawić schemat kolorów mapy (ciemny, jasny lub bieżące ustawienie systemowe) za pomocą parametru google.maps.colorScheme. Opcję colorScheme można ustawić tylko podczas inicjowania mapy. Ustawienie tej opcji po utworzeniu mapy nie będzie miało żadnego wpływu.

Plan działań

Na poniższym obrazie pokazano schematy kolorów dla trybu jasnego i ciemnego w przypadku typu roadmap.

Dwa przykłady mapy typu planu Paryża z użyciem schematów kolorów w trybie jasnym i ciemnym.

Teren

Na poniższym obrazie pokazano schematy kolorów dla trybu jasnego i ciemnego w przypadku typu terrain.

Dwa przykłady mapy typu terenu z użyciem schematów kolorów w trybie jasnym i ciemnym.

Domyślnie mapa używa trybu jasnego. Podczas tworzenia mapy zaimportuj plik ColorScheme i w opcjach mapy określ schemat kolorów mapy (LIGHT, DARK lub FOLLOW_SYSTEM), jak pokazano na ilustracji.

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 miało żadnego wpływu.