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 lorsque la carte est initialisée. 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 du mode clair et du mode sombre pour le type roadmap.

Deux exemples de carte de type "plan routier" de Paris utilisant les jeux de couleurs du mode clair et du mode sombre.

Relief

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

Deux exemples de carte de type de terrain utilisant les jeux de couleurs du mode clair et du mode sombre.

Par défaut, la carte utilise le mode clair. Lorsque vous créez 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 illustré 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 de feuille de route, utilisez les styles de cartes basés dans le cloud.