Możesz zastosować niestandardowy styl za pomocą wbudowanych deklaracji stylów JSON do:
- Mapa domyślna.
- Typy map, które użytkownik może przełączać w ramach pojedynczego kadru mapy.
Określanie stylów w przypadku funkcji
Aby zastosować style do różnych funkcji i elementów na mapie, 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 atrybutów featureType, elementType i stylers znajdziesz w przewodniku po stylach kodu JSON.
Kreator stylizacji Maps Platform
Aby szybko wygenerować obiekt stylizacji JSON, użyj Kreatora stylizacji na platformie Maps.
Stosowanie stylów do domyślnej mapy
Poniżej przedstawiamy przykładową domyślną mapę 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 obiekcie MapOptions atrybut styles na tablicę stylów, gdy:
- Tworzenie mapy.
- 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 obrazku widać dodany typ mapy o nazwie Stylizacja mapy w elementach sterujących 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 stylu mapy nie ma wpływu na styl domyślnych typów map.