Dostosowany styl możesz zastosować za pomocą osadzonych deklaracji stylu JSON w następujących miejscach:
- 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 mapy, utwórz tablicę obiektów 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 znajdziesz w dokumentacji 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 znajdziesz przykład domyślnej mapy z jasnym tekstem i ikonami na ciemnym tle (tzn. w trybie ciemnym). Aby zobaczyć przykładowy kod, przeczytaj opis przykładowego kodu Map Google w stylu nocnym.
Aby zmienić style mapy domyślnej, ustaw właściwość styles mapy w obiekcie MapOptions na tablicę 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 mapy terenu, mapy satelitarne, hybrydowe i domyślne.
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.