En el caso de los mapas de tipo roadmap y terrain, puedes establecer el esquema de colores del mapa (oscuro, claro o la configuración actual del sistema) con google.maps.colorScheme. La opción colorScheme solo se puede establecer cuando se inicializa el mapa. Si se establece esta opción después de crear el mapa, no tendrá efecto.
Hoja de ruta
En la siguiente imagen, se muestran los esquemas de colores del modo claro y el modo oscuro para el tipo roadmap.
Terreno
En la siguiente imagen, se muestran los esquemas de colores del modo claro y el modo oscuro para el tipo terrain.
De forma predeterminada, el mapa usa el modo claro. Cuando crees el mapa, importa ColorScheme y especifica el esquema de colores del mapa (LIGHT, DARK o FOLLOW_SYSTEM) en las opciones del mapa, como se muestra aquí.
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);
Si restableces las opciones después de que se crea la instancia del mapa, colorScheme no tiene efecto.