Tutoriel de l'éditeur de styles de carte

Sélectionnez une plate-forme : Android iOS JavaScript Services Web

Découvrez l'éditeur de styles de carte dans la console Google Cloud.

Les personnalisations que vous apportez au style de carte sont toujours prioritaires par rapport aux éventuelles mises à jour du style de carte effectuées par Google, comme les modifications du style par défaut d'une carte optimisée par secteur ou de la carte de base Google.

La page d'accueil "Styles de carte" affiche tous vos styles et indique ceux qui ont des brouillons non publiés. Cette page vous permet également de créer un style.

Page d'un style de carte spécifique

Lorsque vous cliquez sur un style de carte sur la page d'accueil "Styles de carte", vous accédez à sa propre page, incluant le nom, la description et l'image de ce style. Sur cette page, vous pouvez personnaliser, renommer, dupliquer ou supprimer un style, et associer des ID de carte au style en question. Un même style peut être associé à plusieurs ID de carte (par exemple, un pour les applications de la plate-forme Android, un pour les applications de la plate-forme iOS et un pour les applications de la plate-forme Web). Toutefois, chaque ID de carte ne peut être associé qu'à un style.

Commandes des styles

Lorsque vous personnalisez un style, les fonctions principales sont affichées en haut à droite de la fenêtre. Chaque commande apparaît en gris clair au démarrage, lorsqu'elle n'est pas utilisable, et en bleu foncé lorsqu'elle est disponible.

Capture d'écran détaillée montrant quatre commandes permettant de personnaliser le style dans l'éditeur de style Maps : "Annuler", "Rétablir", "Enregistrer" et "Publier". Sur cette capture, les options "Annuler" et "Enregistrer" sont disponibles (texte plus sombre), contrairement aux options "Rétablir" et "Publier" (gris plus clair).

Le bouton Annuler est disponible dès la première modification effectuée. La commande Rétablir devient disponible une fois que vous avez annulé votre première action au cours d'une session de modification de style. Les deux commandes restent disponibles jusqu'à ce qu'un style soit enregistré explicitement ou jusqu'à la fin de votre session de la console Cloud.

La commande Publier est disponible après votre premier enregistrement délibéré, dès lors que vous avez enregistré au moins une version brouillon.

Historique des versions de style

Lorsque vous apportez des modifications à un style et que vous les enregistrez, elles deviennent des versions enregistrées que vous pouvez consulter, restaurer ou dupliquer. Affichez et utilisez l'une des versions d'un style dans le volet Historique des versions.

Capture d'écran du volet "Versions" des styles de carte dans la console Google Cloud. Les boutons "Enregistrer" et "Publier" se trouvent au-dessus du volet, les boutons "Restaurer" et "Dupliquer" spécifiques à chaque version se situent au bas du volet "Historique des versions", et plusieurs versions "Brouillon" et "Publiée" sont listées.

Pour afficher toutes les versions d'un style donné :

  1. Accédez à la page Styles de carte.
  2. Sélectionnez un style existant.
  3. Sélectionnez Personnaliser le style.
  4. Sélectionnez Paramètres > Historique des versions.

Les boutons Enregistrer et Publier dédiés aux modifications du style se trouvent en haut à droite de l'écran. Ils sont désactivés lorsque le volet Historique des versions est ouvert. Les boutons Restaurer et Dupliquer dédiés à la version sélectionnée se trouvent au bas du volet Historique des versions.

Différents enregistrements créent différents types de versions de style, chacun étant disponible à un emplacement différent :

  • En tant que brouillons
    • Si vous apportez des modifications à un style, mais que vous ne les enregistrez pas explicitement, vous créez des modifications non enregistrées.
      Ces versions ne peuvent pas être restaurées ni dupliquées. Elles sont perdues lorsque vous fermez l'onglet du navigateur ou à la fin de votre session de la console Cloud.
    • Si vous sélectionnez Enregistrer, vous créez des versions datées. Les brouillons enregistrés ne sont pas utilisables dans vos applications tant qu'ils ne sont pas publiés explicitement.
  • En tant que versions publiées
    • Lorsque vous créez un style de carte, dupliquez un style existant ou importez un style JSON, le nouveau style est publié automatiquement.
    • Si vous sélectionnez Publier, vous créez des versions datées que vous pouvez utiliser dans vos applications. La version publiée la plus récente s'applique à toutes les applications auxquelles les ID de carte sont associés.

Vous pouvez afficher toutes les versions précédentes, mais vous ne pouvez pas les modifier. Pour réutiliser une version enregistrée ou publiée et la modifier, vous avez deux possibilités : restaurer la version, ce qui la définit comme la version active actuelle dans son style, ou la dupliquer, ce qui crée un style distinct basé sur cette version.

Si vous avez des modifications non enregistrées lorsque vous restaurez une version, celles-ci deviennent automatiquement une nouvelle version brouillon datée.

Éléments géographiques et éléments

Si vous sélectionnez un type d'élément géographique dans le volet de modification le plus à gauche, le volet Type d'élément s'affiche. Il comporte les options permettant de modifier l'élément géographique en question. La géométrie (couleur et contour) et les libellés (texte et icône) constituent l'essentiel des paramètres modifiables.

Sélectionner une option du volet Type d'élément fait apparaître le volet Stylers, qui comporte les options permettant de modifier cet élément.

Capture d'écran des trois volets de modification d'éléments de l'éditeur du style de carte. Le type d'élément géographique "Autoroute" et le type d'élément "Trait" sont sélectionnés. La case "Personnaliser les zooms" est cochée, et le curseur de zoom affiche deux points bleus représentant deux niveaux de zoom personnalisés.

Pour supprimer les styles d'un élément géographique donné, décochez toutes les cases du volet Stylers pour chaque élément.

Niveaux de zoom

Appliquez des changements de style différents à différents niveaux de zoom dans le volet Stylers. Découvrez comment appliquer différents styles d'élément à différents niveaux de zoom.

De nombreux éléments ou styles d'éléments ne s'affichent sur la carte qu'à certains niveaux de zoom. Par exemple, les bâtiments 3D ne s'affichent pas lorsque l'utilisateur fait un zoom arrière pour voir l'intégralité d'une agglomération. De même, le nom du pays n'est pas visible lorsque l'utilisateur fait un zoom avant pour afficher les routes principales locales. Le style des routes n'est visible que lorsque les routes elles-mêmes le sont. Quand le style comporte un contour ou une texture, l'utilisateur ne peut le voir que s'il fait un zoom avant suffisant sur la route en question.

Sélection des couleurs

Lorsque vous sélectionnez la couleur d'un élément, vous pouvez utiliser le sélecteur de couleur visuel ou saisir directement des valeurs RVB, HSV ou hexadécimales.

Capture d'écran montrant le sélecteur de couleur. Le sélecteur rectangulaire de saturation et de luminosité se trouve en haut, suivi d'un outil de sélection de teinte plus petit affichant le spectre rouge, violet, bleu, vert, jaune et orange. Dans la partie du bas, on trouve des champs numériques permettant de saisir des valeurs de couleur et une barre dans laquelle les utilisateurs peuvent choisir le type des valeurs à indiquer (RVB, HSL ou HEX).

Conseils sur l'éditeur de style

  • Créez un "bac à sable de style" dans lequel vous pouvez ajuster et perfectionner les styles d'un élément à tous les niveaux de zoom, puis dupliquer les styles souhaités dans un style de carte "fonctionnel".
  • Lorsque vous commencez à utiliser l'éditeur de style Maps, ajoutez un style d'élément au niveau géométrique de premier niveau uniquement ou bien modifiez le style du remplissage et du trait, mais ne faites pas les deux modifications. Il en va de même pour le texte : stylisez l'intégralité du libellé à partir du texte de niveau supérieur ou le remplissage et le trait séparément, mais n'ajoutez pas de style aux deux. Il est possible de styliser tous les niveaux d'un élément donné, mais cela risque de devenir compliqué à gérer, surtout si vous définissez à la fois le remplissage et le trait, ou si vous ajoutez plusieurs étapes au niveau z.
  • Faites un zoom avant ou arrière pour découvrir l'apparence de vos styles à différents niveaux de zoom.