Używanie osadzonych deklaracji stylów JSON

Wybierz platformę: Android iOS JavaScript

Możesz zastosować niestandardowy styl za pomocą osadzonych deklaracji stylu JSON na:

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

Określanie stylów obiektów

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

Tablica ma taką 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 atrybutów featureType, elementType i stylers przeczytaj dokumentację stylu JSON.

Kreator stylów Maps Platform

Aby szybko wygenerować obiekt stylu JSON, użyj kreatora stylów Maps Platform.

Stosowanie stylów do mapy domyślnej

Poniżej przedstawiono przykładową domyślną mapę z jasnym tekstem i na ciemnym tle (tj. w trybie ciemnym). Aby zobaczyć przykładowy kod, otwórz Mapy w stylu – przykładowy kod trybu nocnego

Aby zmienić style mapy domyślnej, ustaw właściwość styles mapy w MapOptions do tablicy stylów, gdy:

  • Tworzę mapę.
  • lub w przypadku wywoływania metody Map.setOptions.

Zmiany etykiet i dróg mają wpływ na wszystkie typy map, w tym teren, satelitę, hybrydowy i domyślny.

Stosowanie stylów do typu mapy

Poniżej przedstawiono dodany typ mapy o nazwie Mapa stylizowana w elemencie sterującym w w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, przejdź do sekcji Typy mapowanych stylów.

Aby utworzyć typ mapy z określonym stylem, ustaw tablicę stylu na StyledMapType obiektu. Utworzenie nowego typu mapy z określonym stylem nie ma wpływu na styl domyślnego. typów map.