Dostosowany styl możesz zastosować za pomocą osadzonych deklaracji stylu JSON w następujących miejscach:
- Mapa domyślna.
- Typy map, które użytkownik może przełączać w ramach pojedynczego kadru mapy.
Określ style obiektów
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 Mapy.
Stosowanie stylów do mapy domyślnej
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:
- 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
Poniżej pokazano dodany typ mapy o nazwie Mapa stylizowana w elemencie sterującym w lewym górnym rogu mapy. Aby zobaczyć przykładowy kod, przejdź do sekcji Typy mapowanych stylów.
Aby utworzyć typ mapy z określonym stylem, ustaw tablicę stylu na obiekt StyledMapType. Utworzenie nowego typu mapy z określonym stylem nie ma wpływu na styl domyślnych typów map.