Puoi applicare gli stili personalizzati tramite dichiarazioni di stile JSON incorporate ai seguenti elementi:
- Mappa predefinita.
- Tipi di mappa in cui un utente può spostarsi all'interno di un singolo riquadro della mappa.
Specificare gli stili delle funzionalità
Per applicare stili a elementi ed elementi diversi in una mappa, crea un array di oggetti MapTypeStyle
che definiscano lo stile della mappa.
L'array assume il formato seguente:
var stylesArray = [
{
featureType: '',
elementType: '',
stylers: [
{color: ''},
{visibility: ''},
// Add any stylers you need.
]
},
{
featureType: '',
// Add the stylers you need.
}
]
Per un elenco di tutti i valori disponibili per featureType
, elementType
e stylers
, consulta il riferimento sullo stile JSON.
Procedura guidata per l'applicazione dello stile di Maps Platform
Utilizza la procedura guidata per lo stile della piattaforma Maps come metodo rapido per generare un oggetto JSON.
Applicare stili a una mappa predefinita
Di seguito viene mostrata una mappa predefinita di esempio con stili e testo chiaro e icone su uno sfondo scuro (ad es. modalità Buio). Per un esempio di codice, consulta Esempio di codice per Maps con stile - Modalità notturna.
Per modificare gli stili della mappa predefinita, imposta la proprietà styles
della mappa nell'oggetto MapOptions
sulla tua matrice di stile quando:
- Creazione della mappa in corso...
- In alternativa, quando chiami il metodo
Map.setOptions
.
Le modifiche alle etichette e alle strade interessano tutti i tipi di mappa, inclusi rilievi, satelliti, ibridi e predefiniti.
Applicare stili a un tipo di mappa
Di seguito è mostrato un tipo di mappa aggiuntivo chiamato Mappa con stili nel controllo in alto a sinistra della mappa. Per visualizzare l'esempio di codice, vai a Tipi di mappe con stili.
Per creare un tipo di mappa con stili, imposta la matrice di stile su un oggetto StyledMapType
. La creazione di un nuovo tipo di mappa con stili non incide sullo stile dei tipi di mappa predefiniti.