Jeu de couleurs de la carte

Pour les cartes de type roadmap et terrain, vous pouvez définir le jeu de couleurs de la carte (sombre, clair ou paramètre système actuel) à l'aide de google.maps.colorScheme. L'option colorScheme ne peut être définie que lors de l'initialisation de la carte. Définir cette option après la création de la carte n'aura aucun effet.

Feuille de route

L'image suivante montre les jeux de couleurs des modes clair et sombre pour le type roadmap.

Deux exemples de carte routière de Paris utilisant les jeux de couleurs des modes clair et sombre.

Relief

L'image suivante montre les jeux de couleurs des modes clair et sombre pour le type terrain.

Deux exemples de carte de type "terrain" utilisant les jeux de couleurs des modes clair et sombre.

Par défaut, la carte utilise le mode clair. Lors de la création de la carte, importez ColorScheme et spécifiez le jeu de couleurs de la carte (LIGHT, DARK ou FOLLOW_SYSTEM) dans les options de la carte, comme indiqué ici.

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 vous réinitialisez les options après l'instanciation de la carte, colorScheme n'a aucun effet.

Pour créer des styles clairs et sombres personnalisés pour vos types de cartes routières, utilisez les styles de cartes basés dans le cloud.