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 użyteczności i wygody korzystania z 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ą 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ńTeren

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

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

Na poniższym obrazie pokazano schematy kolorów dla trybu jasnego i ciemnego dla 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.