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 per gli elementi
Per applicare stili a diversi elementi e funzionalità 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 allo stile JSON.
Procedura guidata degli 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 Styled Maps - Night Mode code sample.
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...
- In alternativa, 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 è mostrato un tipo di mappa aggiunto denominato Mappa stilizzata 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 stile non influisce sullo stile dei tipi di mappa predefinite.