Puoi applicare stili personalizzati tramite dichiarazioni di stile JSON incorporate. a:
- 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 stili a elementi e funzionalità diversi in 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 in 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 stile di testo chiaro e Icone su uno sfondo scuro (ad es. modalità Buio). Per vedere l'esempio di codice, vai a Mappe con stili applicati - Esempio di codice della modalità notturna.
Per modificare gli stili della mappa predefinita, imposta la proprietà styles
della mappa nel
MapOptions
all'array di stili quando:
- Creazione della mappa in corso...
- o quando chiami il metodo
Map.setOptions
.
Le modifiche apportate a etichette e strade interessano tutti i tipi di mappe, inclusi rilievi, satelliti, tra i tipi di roadmap ibrida e predefinita.
Applicare stili a un tipo di mappa
Di seguito viene mostrato un tipo di mappa aggiunto denominato Mappa con stile nel controllo in in alto a sinistra nella 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 StyledMapType
. La creazione di un nuovo tipo di mappa con stili non influisce sullo stile di quello predefinito
tipi di mappe.