Combinazione di colori della mappa

Per le mappe di tipo roadmap e terrain, puoi impostare la combinazione di colori della mappa (scura, chiara o l'impostazione di sistema corrente) utilizzando google.maps.colorScheme. L'opzione colorScheme può essere impostata solo durante l'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 di mappa di tipo stradale di Parigi che utilizzano le combinazioni 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 di mappa di tipo Rilievo che utilizzano le combinazioni di colori della modalità Luce e della modalità Buio.

Per impostazione predefinita, la mappa utilizza la modalità Luce. 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 aver creato un'istanza della mappa, colorScheme non ha alcun effetto.

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