Puoi applicare stili personalizzati 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.
Specificare gli stili alle caratteristiche
Per applicare gli stili a funzionalità ed elementi diversi in una mappa, crea un array di oggetti MapTypeStyle
che definiscono lo stile della mappa.
L'array assume 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 per lo stile JSON.
Procedura guidata per gli stili di Maps Platform
Utilizza la procedura guidata degli stili di Maps Platform per generare rapidamente un oggetto di stile JSON.
Applicazione di stili a una mappa predefinita
Di seguito viene mostrato un esempio di mappa predefinita con stili applicati utilizzando testo e icone in colori chiari su uno sfondo scuro (ad es. modalità Buio). Per visualizzare l'esempio di codice, vai a Esempio di codice Mappe con stile - 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...
- o quando chiami il metodo
Map.setOptions
.
Le modifiche a etichette e strade interessano tutti i tipi di mappe, inclusi i tipi di rilievi, satellitari, ibridi e di roadmap predefinite.
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 l'esempio di codice, vai a Tipi di mappe con stili.
Per creare un tipo di mappa con stili, 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.