Puoi applicare stili personalizzati tramite dichiarazioni di stile JSON incorporate a quanto segue:
- 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 diversi elementi e funzionalità 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 degli stili di Maps Platform
Utilizza la procedura guidata degli stili di Maps Platform come modo rapido per generare un oggetto di stile JSON.
Applicare stili a una mappa predefinita
Di seguito è riportato un esempio di mappa predefinita stilizzata utilizzando testo e icone di colore chiaro su sfondo scuro (ovvero 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 alternativa, quando chiami il metodo
Map.setOptions
.
Le modifiche alle etichette e alle strade influiscono su tutti i tipi di mappe, inclusi i tipi di mappe satellitari, ibride, di rilievo e 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 stilizzate.
Per creare un tipo di mappa stilizzata, 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.