Para los mapas de tipo roadmap
y terrain
, puedes establecer el esquema de colores del mapa
(oscuro, claro o con la configuración actual del sistema) mediante google.maps.colorScheme
. El
La opción colorScheme
solo se puede establecer cuando se inicializa el mapa. Configurando esto
después de crear el mapa, esta opción no tendrá ningún efecto.
Hoja de ruta
En la siguiente imagen, se muestran los esquemas de colores de modo claro y modo oscuro de la
roadmap
.
Terreno
En la siguiente imagen, se muestran los esquemas de colores de modo claro y modo oscuro de la
terrain
.
De forma predeterminada, se utiliza el modo claro en el mapa. Cuando crees el mapa, importa ColorScheme
.
y especifica el esquema de colores del mapa (LIGHT
, DARK
o FOLLOW_SYSTEM
) en
opciones de mapas, 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á
efecto.