En el caso de los mapas de tipo roadmap y terrain, puedes configurar 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 configuras 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 colores del modo claro y el modo oscuro para el tipo roadmap.
Relieve
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 crear una instancia del mapa, colorScheme no tendrá ningún efecto.
Para crear diseños claros y oscuros personalizados para los tipos de mapas de hojas de ruta, usa el diseño de mapas basado en Cloud.