Puoi applicare uno stile personalizzato tramite dichiarazioni di stile JSON incorporate ai seguenti elementi:
- Mappa predefinita.
- Tipi di mappa tra cui un utente può passare all'interno di un singolo frame della mappa.
Specifica gli stili per le caratteristiche
Per applicare stili a diverse caratteristiche ed elementi di una mappa, crea un array di oggetti MapTypeStyle che definiscono lo stile della mappa.
L'array ha il seguente formato:
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 allo stile JSON.
Procedura guidata per gli stili di Maps Platform
Utilizza la procedura guidata per gli stili di Maps Platform per generare rapidamente un oggetto di stile JSON.
Applica gli stili a una mappa predefinita
Di seguito è riportato un esempio di mappa predefinita con testo e icone di colore chiaro su sfondo scuro (ovvero in modalità Buio). Per visualizzare l'esempio di codice, vai a Esempio di codice per mappe con stili - Modalità notturna.
Per modificare gli stili della mappa predefinita, imposta la proprietà styles della mappa nell'oggetto MapOptions sul tuo array di stili quando:
- Creazione della mappa in corso…
- In alternativa, quando chiami il metodo
Map.setOptions.
Le modifiche alle etichette e alle strade influiscono su tutti i tipi di mappa, inclusi i tipi di mappa del rilievo, satellitare, ibrida e predefinita.
Applica gli stili a un tipo di mappa
Di seguito è riportato un tipo di mappa aggiunto denominato Mappa con stile 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 stile, imposta l'array di stili su un oggetto StyledMapType. La creazione di un nuovo tipo di mappa con stile non influisce sullo stile dei tipi di mappa predefiniti.