Możesz zastosować niestandardowy styl za pomocą wbudowanych deklaracji stylu JSON do:
- Mapa domyślna.
- Typy map, które użytkownik może przełączać w ramach jednego 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 stylów JSON, użyj Kreatora stylów na platformie Mapy.
Stosowanie stylów do domyślnej mapy
Poniżej przedstawiamy przykład mapy domyślnej ze stylizowanym tekstem i ikonami w jasnym kolorze 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 typu mapy ze stylem nie ma wpływu na styl domyślnych typów map.