Dostosowany styl możesz zastosować za pomocą osadzonych deklaracji stylu JSON na:
- Mapa domyślna.
- Typy map, między którymi użytkownik może się przełączać w ramach pojedynczej ramki mapy.
Określanie stylów obiektów
Aby zastosować style do różnych obiektów i elementów na mapie, utwórz tablicę
MapTypeStyle
które określają styl mapy.
Tablica ma taką 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 przeczytaj dokumentację stylu JSON.
Kreator stylów Maps Platform
Aby szybko wygenerować obiekt stylu JSON, użyj kreatora stylów Maps Platform.
Stosowanie stylów do mapy domyślnej
Poniżej przedstawiono przykładową domyślną mapę z jasnym tekstem i na ciemnym tle (tj. w trybie ciemnym). Aby zobaczyć przykładowy kod, otwórz Mapy w stylu – przykładowy kod trybu nocnego
Aby zmienić style mapy domyślnej, ustaw właściwość styles mapy w
MapOptions do tablicy stylów, gdy:
- Tworzę mapę.
- lub w przypadku wywoływania metody
Map.setOptions.
Zmiany etykiet i dróg mają wpływ na wszystkie typy map, w tym teren, satelitę, hybrydowy i domyślny.
Stosowanie stylów do typu mapy
Poniżej przedstawiono dodany typ mapy o nazwie Mapa stylizowana w elemencie sterującym w 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 StyledMapType
obiektu. Utworzenie nowego typu mapy z określonym stylem nie ma wpływu na styl domyślnego.
typów map.