Esquema de colores del mapa

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.

Dos ejemplos del mapa de tipo hoja de ruta de París con los esquemas de color del modo claro y el modo oscuro.

Relieve

En la siguiente imagen, se muestran los esquemas de color del modo claro y el modo oscuro para el tipo terrain.

Dos ejemplos del mapa de tipo de terreno con los esquemas de color del modo claro y el modo oscuro.

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.