Możesz zastosować niestandardowy styl za pomocą wbudowanych deklaracji stylu JSON do:
- Mapa domyślna.
- Typy map, między którymi użytkownik może się przełączać w ramach jednego okna mapy.
Określanie stylów w przypadku funkcji
Aby zastosować style do różnych elementów i elementów mapy, utwórz tablicę obiektów MapTypeStyle
, które określają styl mapy.
Macierz ma 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 przewodniku po stylu JSON.
Kreator stylizacji Maps Platform
Aby szybko wygenerować obiekt stylizacji JSON, użyj Kreatora stylizacji na platformie Maps.
Stosowanie stylów do mapy domyślnej
Poniżej przedstawiamy przykład mapy domyślnej ze stylizowanym tekstem i ikonami w jasnych kolorach na ciemnym tle (czyli w trybie ciemnym). Przykładowy kod znajdziesz w artykule Styled Maps – przykładowy kod trybu nocnego.
Aby zmodyfikować style mapy domyślnej, ustaw właściwość styles
obiektu MapOptions
na tablicę stylów, gdy:
- Tworzę mapę.
- Albo podczas wywoływania metody
Map.setOptions
.
Zmiany etykiet i dróg wpływają na wszystkie typy map, w tym mapy terenowe, satelitarne, hybrydowe i domyślne mapy drogowe.
Stosowanie stylów do typu mapy
Na poniższym rysunku widać dodany typ mapy o nazwie Stylizacja mapy w sterowaniu w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, otwórz artykuł Style map – typy map.
Aby utworzyć stylizowany typ mapy, ustaw tablicę stylów na obiekt StyledMapType
. Utworzenie nowego typu mapy ze stylem nie wpływa na styl domyślnych typów map.