Combinazione di colori della mappa

Per le mappe di tipo roadmap e terrain, puoi impostare la combinazione di colori della mappa (scura, chiara o impostazione di sistema attuale) utilizzando google.maps.colorScheme. L'opzione colorScheme può essere impostata solo all'inizializzazione della mappa; l'impostazione di questa opzione dopo la creazione della mappa non avrà alcun effetto.

Roadmap

La seguente immagine mostra le combinazioni di colori della modalità Luce e della modalità Buio per il tipo roadmap.

Due esempi della mappa di tipo stradale di Parigi che utilizzano gli schemi di colori della modalità Luce e della modalità Buio.

Rilievo

La seguente immagine mostra le combinazioni di colori della modalità Luce e della modalità Buio per il tipo terrain.

Due esempi della mappa del tipo di terreno che utilizzano le combinazioni di colori della modalità Luce e della modalità Buio.

Per impostazione predefinita, la mappa utilizza la modalità Chiaro. Quando crei la mappa, importa ColorScheme e specifica la combinazione di colori della mappa (LIGHT, DARK o FOLLOW_SYSTEM) nelle opzioni della mappa, come mostrato qui.

const {ColorScheme} = await google.maps.importLibrary("core")

const mapOptions = {
  center: { lat: -34.397, lng: 150.644 },
  zoom: 8,
  colorScheme: ColorScheme.DARK,
}
map = new google.maps.Map(document.getElementById('map_canvas'), mapOptions);

Se reimposti le opzioni dopo l'istanza della mappa, colorScheme non ha alcun effetto.

Per creare stili chiari e scuri personalizzati per i tipi di mappa della tua roadmap, utilizza la personalizzazione delle mappe basata su cloud.