Styl niestandardowy możesz zastosować do tych elementów za pomocą osadzonych deklaracji stylów JSON:
- 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 dla obiektów
Aby zastosować style do różnych funkcji i elementów na mapie, utwórz tablicę obiektów MapTypeStyle
, które określają styl mapy.
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 materiałach dotyczących stylów JSON.
Kreator stylów Maps Platform
Użyj kreatora stylu Maps Platform, by szybko wygenerować obiekt stylu JSON.
Stosowanie stylów do domyślnej mapy
Poniżej pokazujemy przykładową mapę domyślną z kolorowym tekstem i ikonami na ciemnym tle (tryb ciemny). Przykładowy kod znajdziesz w artykule Stylizowane mapy – przykładowy kod trybu nocnego.
Aby zmienić style mapy domyślnej, ustaw właściwość styles
mapy w obiekcie MapOptions
na tablicę stylów, gdy:
- Tworzę mapę.
- lub podczas wywoływania metody
Map.setOptions
.
Zmiany w etykietach i drogach wpływają na wszystkie typy map, w tym tereny, mapy satelitarne, hybrydowe i domyślne.
Stosowanie stylów do typu mapy
Poniżej widać dodany typ mapy o nazwie Mapa stylowana w elemencie sterującym w lewym górnym rogu mapy. Przykładowy kod znajdziesz w artykule Typy map ze stylem (w języku angielskim).
Aby utworzyć typ mapy ze stylem, ustaw tablicę stylu na obiekt StyledMapType
. Tworzenie nowego typu mapy z określonym stylem nie wpływa na styl domyślnych typów map.