Puoi applicare stili personalizzati tramite dichiarazioni di stile JSON incorporate a:
- Mappa predefinita.
- Tipi di mappe tra cui un utente può passare all'interno di un singolo frame della mappa.
Specificare gli stili per le funzionalità
Per applicare stili a diverse funzionalità ed elementi di una mappa, crea un array di
MapTypeStyle
oggetti 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 come un modo rapido per generare un oggetto di stile JSON.
Applicare 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 Mappe con stili - Modalità Buio.
Per modificare gli stili della mappa predefinita, imposta la proprietà styles della mappa nell'oggetto
MapOptions sull'array di stili quando:
- Crei la mappa.
- Oppure, quando chiami il metodo
Map.setOptions.
Le modifiche ad etichette e strade influiscono su tutti i tipi di mappe, inclusi i tipi di mappe di rilievo, satellitari, ibride e roadmap predefinite.
Applicare stili a un tipo di mappa
Di seguito è riportato un tipo di mappa aggiunto denominato Mappa con stili nel controllo at 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 StyledMapType
oggetto. La creazione di un nuovo tipo di mappa con stili non influisce sullo stile dei tipi di mappe predefiniti.