Utiliser l'éditeur de style

Cette page explique comment personnaliser le style des éléments de la carte et des éléments géographiques à l'aide de l'éditeur de style de Google Cloud Console. Dans l'éditeur de style, vous pouvez personnaliser le style des éléments géographiques, comme la couleur de remplissage et de contour des éléments de la carte. Vous pouvez contrôler la visibilité et la densité des points d'intérêt (POI) de visibilité et de densité, et appliquer des styles par niveau de zoom.

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.

Exemple

Pour exécuter l'application exemple ApiDemos, consultez l'exemple GitHub (Java | Kotlin) et regardez la démo CloudBasedMapStylingActivity (Java | Kotlin).

Personnaliser le style des éléments géographiques

Vous pouvez personnaliser le style d'un élément géographique, comme la couleur de remplissage et de contour d'une route.

  1. Ouvrez l'éditeur de style. Pour ce faire, accédez à la page Styles de carte dans Cloud Console, puis créez un style de carte ou modifiez un style de carte existant.
  2. Sélectionnez un élément géographique pour ouvrir le sous-menu Type d'élément. Toute modification de style apportée à un élément parent s'applique également à ses enfants. Par exemple, les personnalisations apportées à l'élément géographique Route s'appliquent également à ses éléments géographiques enfants : Voie rapide, Autoroute, Route principale, Route locale, Route carrossable et Sentier.
  3. Pour personnaliser un élément géographique, sélectionnez l'élément parent Géométrie. Le sous-menu Stylers s'affiche.
    • Si vous modifiez la couleur, la case Couleur est automatiquement cochée et vos personnalisations de couleur sont appliquées à l'élément Géométrie et à ses éléments enfants.
    • Activez ou désactivez la visibilité des éléments en sélectionnant l'une des options suivantes :
      • Hériter (par défaut) : l'élément hérite des personnalisations parentes.
      • Activé : remplace tout état hérité et garantit que l'élément soit toujours visible sur la carte.
      • Désactivé : remplace tout état hérité et garantit que l'élément soit toujours masqué.
  4. Cliquez sur Enregistrer pour conserver les modifications. Vos modifications ne s'appliqueront à aucune carte tant que vous n'aurez pas cliqué sur Publier.

Personnaliser par niveau de zoom

Lorsque vous créez des styles de carte à l'aide de l'éditeur de style Google Cloud Console, vous pouvez personnaliser le style des éléments existants à différents niveaux de zoom. Par exemple, vous pouvez définir la couleur de l'eau sur rose au niveau de zoom 0 et sur violet au niveau de zoom 10, et associer d'autres personnalisations au niveau de détail affiché au zoom spécifié.

Pour personnaliser le style à différents niveaux de zoom :

  1. Ouvrez l'éditeur de style. Pour ce faire, accédez à la page Styles de carte dans Cloud Console, puis créez un style de carte ou modifiez un style de carte existant.
  2. Sélectionnez un élément géographique pour ouvrir le sous-menu Type d'élément, puis sélectionnez l'élément à personnaliser.

  3. Cochez la case Personnaliser les zooms pour appliquer les personnalisations au niveau de zoom actuellement affiché dans l'éditeur de style.

    Une fois que vous avez coché la case Personnaliser les zooms, vous devriez voir les options suivantes :

    • Une case à cocher Ajouter une étape : z qui indique votre niveau de zoom actuel et y associe vos personnalisations
    • Un curseur de zoom qui vous permet de modifier et sélectionner votre niveau de zoom (vous pouvez régler les niveaux de zoom à l'aide des commandes booléennes de la carte ou des touches fléchées du clavier)

  4. Lorsque vous effectuez des personnalisations dans le sous-menu Stylers, l'éditeur de style coche automatiquement la case Ajouter une étape : z, affiche un point bleu au-dessus du curseur et remplace les styles hérités, s'il y en a.

    Le point bleu situé au-dessus du curseur indique que les modifications ont été apportées au niveau de zoom sélectionné. Pour empêcher que les modifications soient enregistrées à un niveau de zoom particulier, décochez la case Ajouter une étape : z (le point bleu devient gris pour indiquer que les modifications ne seront pas enregistrées à ce niveau). Si vous décochez la case, l'élément retrouve son style hérité.

    Toutes les personnalisations que vous effectuez à un niveau de zoom s'appliquent également aux niveaux supérieurs. Par exemple, les personnalisations au niveau de zoom 10 s'appliquent aux niveaux 10, 11, 12, etc. Les personnalisations remplacent les styles hérités.

  5. Pour enregistrer vos modifications, cliquez sur Enregistrer. Pour rendre vos modifications publiques sur les ID de carte associés à votre style de carte, cliquez sur Publier.