Używanie wbudowanych deklaracji stylu JSON

Możesz zastosować dostosowany styl, używając osadzonych deklaracji stylu JSON w tych elementach:

• mapa domyślna,
• typy map, między którymi użytkownik może się przełączać w obrębie jednej ramki mapy.

Określanie stylów funkcji

Aby zastosować style do różnych funkcji i elementów na mapie, utwórz tablicę obiektów MapTypeStyle , które określają, jak ma wyglądać mapa.

Tablica ma następującą postać:

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

Listę wszystkich dostępnych wartości featureType, elementType i stylers znajdziesz w dokumentacji stylu JSON.

Kreator stylu Maps Platform

Użyj kreatora stylu Maps Platform, aby szybko wygenerować obiekt stylu JSON.

Stosowanie stylów do mapy domyślnej

Poniżej znajdziesz przykład mapy domyślnej, w której zastosowano jasny tekst i ikony na ciemnym tle (czyli tryb ciemny). Aby zobaczyć przykładowy kod, otwórz przykładowy kod stylizowanych map – tryb nocny.

Aby zmodyfikować style mapy domyślnej, ustaw właściwość styles mapy w obiekcie MapOptions na tablicę stylów, gdy:

• tworzysz mapę,
• lub gdy wywołujesz metodę Map.setOptions.

Zmiany etykiet i dróg wpływają na wszystkie typy map, w tym na mapy terenu, satelitarne, hybrydowe i domyślne mapy drogowe.

Stosowanie stylów do typu mapy

Poniżej znajdziesz dodany typ mapy o nazwie Stylizowana mapa w elemencie sterującym w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, otwórz przykładowe typy stylizowanych map.

Aby utworzyć stylizowany typ mapy, ustaw tablicę stylów na StyledMapType obiekt. Utworzenie nowego stylizowanego typu mapy nie wpływa na styl domyślnych typów map.