Możesz zastosować styl niestandardowy za pomocą umieszczonych deklaracji stylu JSON do tych elementów:
- Mapa domyślna.
- Typy map, które użytkownik może przełączać w ramach jednej ramki mapy.
Określanie stylów obiektów
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 dla featureType, elementType i stylers znajdziesz w dokumentacji stylu JSON.
Kreator stylu Maps Platform
Aby szybko wygenerować obiekt JSON stylu, użyj kreatora stylu Map Platform.
Stosowanie stylów do mapy domyślnej
Poniżej znajdziesz przykład domyślnej mapy z jasnym tekstem i ikonami na ciemnym tle (czyli w trybie ciemnym). Przykładowy kod znajdziesz w artykule Mapy z własnym stylem – przykładowy kod trybu nocnego.
Aby zmodyfikować style domyślnej mapy, ustaw właściwość styles mapy w obiekcie MapOptions na tablicę stylów, gdy:
- Tworzę mapę.
- Możesz też wywołać metodę
Map.setOptions.
Zmiany etykiet i dróg mają wpływ na wszystkie typy map, w tym mapy terenu, satelitarne, hybrydowe i domyślne mapy drogowe.
Stosowanie stylów do typu mapy
Poniżej widać dodany typ mapy o nazwie Mapa z własnym stylem w elemencie sterującym w lewym górnym rogu mapy. Przykładowy kod znajdziesz w sekcji Typy map z własnym stylem.
Aby utworzyć typ mapy z własnym stylem, ustaw tablicę stylów na obiekt StyledMapType. Utworzenie nowego typu mapy z własnym stylem nie wpływa na styl domyślnych typów map.