Puoi applicare stili personalizzati tramite una dichiarazione di stile JSON incorporata a quanto segue:
- Mappa predefinita.
- Tipi di mappa a cui un utente può passare all'interno di un singolo frame della mappa.
Specificare gli stili per le funzionalità
Per applicare stili a diversi elementi ed elementi di 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 lo stile di Maps Platform
Utilizza la Procedura guidata per lo stile di Maps Platform come metodo rapido per generare un oggetto di stile JSON.
Applicazione di stili a una mappa predefinita
Di seguito è riportato un esempio di mappa predefinita con stile mediante testo chiaro e icone su sfondo scuro (ad es. modalità Buio). Per visualizzare l'esempio di codice, consulta Esempio di codice per la modalità notturna e Maps con stili.
Per modificare gli stili della mappa predefinita, imposta la proprietà styles della mappa nell'oggetto MapOptions sul tuo array di stili quando:
- È in corso la creazione della mappa.
- o quando chiami il metodo
Map.setOptions.
Le modifiche apportate a etichette e strade interessano tutti i tipi di mappa, inclusi quelli di terreno, satellitari, ibridi e predefiniti.
Applicare gli stili a un tipo di mappa
Di seguito è riportato un tipo di mappa aggiunto denominato Mappa con stili nel controllo in alto a sinistra della mappa. Per visualizzare l'esempio di codice, vai a Tipi di mappa 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.