Korzystanie z deklaracji stylu JSON

Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
Wybierz platformę: Android iOS JavaScript

Style niestandardowe możesz stosować, korzystając z deklaracji stylu JSON umieszczonej w tych miejscach:

  • Mapa domyślna.
  • Typy map, których użytkownik może przełączać się w ramach jednej klatki.

Określanie stylów funkcji

Aby zastosować style do różnych elementów i elementów mapy, utwórz tablicę obiektów MapTypeStyle określających 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 w przypadku elementów featureType, elementType i stylers znajdziesz w przewodniku po stylu JSON.

Kreator stylu Maps Platform

Skorzystaj z kreatora stylu Map Maps, aby szybko wygenerować obiekt stylu JSON.

Stosuję style do domyślnej mapy

Poniżej pokazujemy przykładową mapę domyślną stylizowaną na jasny tekst i na ikonach na ciemnym tle (tj. w trybie ciemnym). Aby zobaczyć przykładowy kod, otwórz stronę Przykładowy kod mapy witryny – tryb nocny.

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

  • Tworzę mapę.
  • Podczas wywoływania metody Map.setOptions.

Zmiany w etykietach i drogach wpływają na wszystkie typy map, w tym teren, satelity, mapy hybrydowe i domyślne.

Stosowanie stylów do typu mapy

Poniższy element zawiera dodany typ mapy o nazwie Mapa stylizowana w opcji w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, przeczytaj artykuł Typy stylów map.

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