Puoi applicare stili personalizzati tramite dichiarazioni di stile JSON incorporate in:
- Mappa predefinita.
- I tipi di mappa a cui un utente può passare all'interno di un singolo frame della mappa.
Specificare gli stili per le caratteristiche
Per applicare stili a diversi elementi ed elementi di una mappa, crea un array di oggetti MapTypeStyle che definiscono lo stile da applicare alla mappa.
L'array assume la forma 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 le informazioni di riferimento sugli stili JSON.
Procedura guidata per lo stile di Maps Platform
Utilizza la Procedura guidata per lo stile di Maps Platform come modo rapido per generare un oggetto di stile JSON.
Applicazione di stili a una mappa predefinita
Di seguito è riportato un esempio di mappa predefinita con testo chiaro e icone su sfondo scuro (ad es. modalità Buio). Per visualizzare l'esempio di codice, vai alla pagina Esempio di codice per la modalità notturna di Maps con stili.
Per modificare gli stili della mappa predefinita, imposta la proprietà styles della mappa
nell'oggetto MapOptions sull'array di stili quando:
- Creazione della mappa in corso.
- Oppure quando chiami il metodo
Map.setOptions.
Le modifiche apportate a etichette e strade interessano tutti i tipi di mappa, inclusi quelli di rilievo, satellitari, ibridi e predefiniti di roadmap.
Applicare stili a un tipo di mappa
Di seguito viene mostrato un tipo di mappa aggiunto denominato Mappa con stile nel controllo in alto a sinistra della mappa. Per visualizzare un esempio di codice, vai a Tipi di mappa con stili applicati.
Per creare un tipo di mappa con stili applicati, imposta l'array di stili su un oggetto StyledMapType. La creazione di un nuovo tipo di mappa con stili non influisce sullo stile dei tipi di mappa predefiniti.