Combinazione di colori della mappa

Per le mappe di tipo roadmap e terrain, puoi impostare la combinazione di colori della mappa (impostazione di sistema scuro, chiaro o corrente) utilizzando google.maps.colorScheme. La L'opzione colorScheme può essere impostata solo quando la mappa è inizializzata. l'impostazione di questo dopo la creazione della mappa non avrà alcun effetto.

Roadmap

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

Due esempi di mappa dei tipi di roadmap di Parigi che utilizza le combinazioni di colori modalità Luce e Buio.

Rilievo

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

Due esempi di mappa del tipo di terreno che utilizza le combinazioni di colori modalità Luce e 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) in 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 effetto.