Utiliser des déclarations de style JSON intégrées

Restez organisé à l'aide des collections Enregistrez et classez les contenus selon vos préférences.
Sélectionnez une plate-forme : Android iOS JavaScript

Vous pouvez appliquer un style personnalisé via une déclaration de style JSON intégrée :

  • à la carte par défaut ;
  • aux types de carte qu'un utilisateur peut parcourir au sein d'un même cadre.

Spécifier des styles pour les éléments géographiques

Pour appliquer des styles à différents éléments géographiques et d'autres éléments d'une carte, créez un tableau d'objets MapTypeStyle qui définit le style de la carte.

Ce tableau se présente sous la forme suivante :

var stylesArray = [
  {
    featureType: '',
    elementType: '',
    stylers: [
      {color: ''},
      {visibility: ''},
      // Add any stylers you need.
    ]
  },
  {
    featureType: '',
    // Add the stylers you need.
  }
]

Pour obtenir la liste de toutes les valeurs disponibles pour featureType, elementType et stylers, consultez la documentation de référence sur le style JSON.

Maps Platform Styling Wizard

Utilisez l'assistant Maps Platform Styling Wizard pour générer rapidement un objet de style JSON.

Appliquer des styles à une carte par défaut

Voici un exemple de carte par défaut stylisée avec du texte et des icônes de couleur claire sur un arrière-plan sombre (en mode sombre, par exemple). Pour voir l'exemple de code, consultez les exemples de code pour les cartes stylisées en mode Nuit.

Pour modifier les styles de la carte par défaut, définissez la propriété styles de la carte dans l'objet MapOptions sur votre tableau de styles :

  • lorsque vous créez votre carte ;
  • ou lorsque vous appelez la méthode Map.setOptions.

Les modifications apportées aux libellés et aux routes s'appliquent à tous les types de cartes, y compris relief, satellite, hybride et carte routière par défaut.

Appliquer des styles à un type de carte

L'exemple suivant montre un type de carte supplémentaire appelé Styled Map (Carte stylisée) dans la commande située en haut à gauche de la carte. Pour voir l'exemple de code, consultez Types de carte stylisés.

Pour créer un type de carte stylisé, définissez le tableau de styles sur un objet StyledMapType. Le nouveau type de carte stylisé ne s'applique pas aux types de carte par défaut.