En el caso de los mapas de tipo roadmap y terrain, puedes establecer el esquema de color del mapa (oscuro, claro o 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á ningún efecto.
Hoja de ruta
En la siguiente imagen, se muestran los esquemas de color del modo claro y el modo oscuro para el tipo roadmap.
Relieve
En la siguiente imagen, se muestran los esquemas de color 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 color 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 crear una instancia del mapa, colorScheme no tendrá ningún efecto.
Para crear diseños claros y oscuros personalizados para tus tipos de mapas de hoja de ruta, usa el diseño de mapas basado en Cloud.