Używanie wbudowanych deklaracji stylu JSON

Wybierz platformę: Android iOS JavaScript

Możesz zastosować niestandardowy styl za pomocą wbudowanych deklaracji stylu JSON do:

  • Mapa domyślna.
  • Typy map, między którymi użytkownik może się przełączać w ramach jednego okna mapy.

Określanie stylów w przypadku funkcji

Aby zastosować style do różnych elementów i elementów mapy, utwórz tablicę obiektów MapTypeStyle, które określają styl mapy.

Macierz ma 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 dla parametrów featureType, elementType i stylers znajdziesz w przewodniku po stylu JSON.

Kreator stylizacji Maps Platform

Aby szybko wygenerować obiekt stylizacji JSON, użyj Kreatora stylizacji na platformie Maps.

Stosowanie stylów do mapy domyślnej

Poniżej przedstawiamy przykład mapy domyślnej ze stylizowanym tekstem i ikonami w jasnych kolorach na ciemnym tle (czyli w trybie ciemnym). Przykładowy kod znajdziesz w artykule Styled Maps – przykładowy kod trybu nocnego.

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

  • Tworzę mapę.
  • Albo podczas wywoływania metody Map.setOptions.

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

Stosowanie stylów do typu mapy

Na poniższym rysunku widać dodany typ mapy o nazwie Stylizacja mapy w sterowaniu w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, otwórz artykuł Style map – typy map.

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