Możesz zastosować niestandardowe style za pomocą osadzonych deklaracji stylu JSON w przypadku tych elementów:
- domyślna mapa,
- Typy map, między którymi użytkownik może się przełączać w ramach jednej ramki mapy.
Określanie stylów funkcji
Aby zastosować style do różnych elementów i funkcji 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 parametrów featureType, elementType i stylers znajdziesz w dokumentacji stylu JSON.
Kreator stylu Maps Platform
Aby szybko wygenerować obiekt stylów JSON, użyj kreatora stylu Map Google Platform.
Stosowanie stylów do mapy domyślnej
Poniżej znajduje się przykład domyślnej mapy ze stylizacją z użyciem jasnego tekstu i ikon na ciemnym tle (czyli w trybie ciemnym). Aby zobaczyć przykładowy kod, otwórz przykładowy kod map z własnym stylem w trybie nocnym.
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 wpływają na wszystkie typy map, w tym na mapy terenu, satelitarne, hybrydowe i domyślne mapy drogowe.
Stosowanie stylów do typu mapy
Poniżej widać dodany typ mapy o nazwie Styled Map w kontrolce w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, przejdź do sekcji Styled Map Types (Rodzaje 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.