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 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

L'immagine seguente mostra le combinazioni di colori per la modalità Luce e Buio per il tipo roadmap.

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

Rilievo

L'immagine seguente mostra le combinazioni di colori per la modalità Luce e Buio per il tipo terrain.

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

Per impostazione predefinita, la mappa utilizza la modalità chiara. 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 di seguito.

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'inizializzazione della mappa, colorScheme non ha alcun effetto.

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