Créer et utiliser des styles de carte

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

Un style de carte est un ensemble de personnalisations visuelles d'éléments cartographiques que vous associez à un ID de carte. Vous référencez ensuite l'ID de carte dans le code de votre application pour afficher la carte personnalisée.

Vous pouvez créer un style de carte avant d'avoir un ID de carte. Toutefois, pour utiliser ce style, vous devez l'associer à un ID de carte. Pour utiliser un style de carte, vous devez suivre l'ensemble des étapes ci-dessous :

  1. Créer et publier un style de carte (pour en savoir plus, consultez Créer un style et Publier un style)

  2. Créer un ID de carte (pour en savoir plus, consultez Créer un ID de carte)

  3. Associer le style de carte à un ID de carte (pour en savoir plus, consultez Associer un ID de carte à un style de carte)

  4. Ajouter l'ID de carte à votre application pour afficher votre style (pour en savoir plus, consultez Ajouter l'ID de carte à votre application)

Créer un style de carte

Pour créer un style de carte, vous pouvez :

Créer un style en partant de zéro

  1. Dans la console Google Cloud, accédez à Styles de carte et sélectionnez un projet si nécessaire.

  2. Dans Styles de carte, cliquez sur Créer un style.

  3. Dans la boîte de dialogue, sélectionnez les variantes, le cas échéant, puis Personnaliser.

  4. Sélectionnez des éléments cartographiques et modifiez leur style pour créer le style de carte souhaité. Les éléments cartographiques dont le style est personnalisé sont indiqués par un point bleu.

  5. Cliquez sur Enregistrer.

  6. Dans la boîte de dialogue Enregistrer et publier le style de carte, saisissez le nom de votre style et une description (facultative), puis cliquez sur Enregistrer.

Le style est publié automatiquement et la page principale de votre nouveau style s'affiche.

Dupliquer un style

  1. Accédez à Styles de carte et sélectionnez un projet si nécessaire.

  2. Sélectionnez l'un de vos styles existants.

  3. Sur la page du style, cliquez sur Dupliquer.

  4. Dans la boîte de dialogue Dupliquer le style de carte, saisissez un nouveau nom de carte et une description (facultative).

  5. Cliquez sur Enregistrer.

    Le style est publié automatiquement et la page principale de votre nouveau style s'affiche. Associez-le à un ID de carte pour l'utiliser avec vos cartes. Pour en savoir plus, consultez Associer un ID de carte à un style de carte.

  6. Pour modifier le style, cliquez sur Personnaliser, apportez les modifications souhaitées, puis cliquez sur Enregistrer.

Importer un style de carte JSON

Vous pouvez également créer un style de carte à l'aide de JSON. Pour savoir quelles propriétés vous pouvez styliser à l'aide de JSON, consultez la documentation de référence sur le style JSON.

  1. Dans la console Google Cloud, accédez à Styles de carte et sélectionnez un projet si nécessaire.

  2. Dans Styles de carte, cliquez sur Créer un style.

  3. Dans la boîte de dialogue, sélectionnez l'onglet JSON.

  4. Collez votre code de style JSON valide dans le champ.

    • Si votre fichier JSON n'est pas valide, l'avertissement "Impossible de charger l'aperçu du style" s'affiche.
    • S'il est valide, un aperçu du style collé s'affiche et le bouton bleu Personnaliser est disponible.
  5. Cliquez sur Personnaliser.

  6. Sélectionnez des éléments cartographiques et examinez ou modifiez leur style si nécessaire pour créer le style de carte souhaité. Les éléments cartographiques dont le style est personnalisé sont indiqués par un point bleu.

  7. Cliquez sur Enregistrer.

  8. Dans la boîte de dialogue Enregistrer et publier le style de carte, saisissez le nom de votre style et une description (facultative), puis cliquez sur Enregistrer.

Le style est publié automatiquement et la page principale de votre nouveau style s'affiche.

Publier un style

Lorsque vous créez un style de carte, y compris en dupliquant un style existant ou en important un style JSON, la première instance du nouveau style de carte est publiée automatiquement. Vous pouvez ensuite enregistrer les modifications en tant que brouillon, puis publier le style une fois que vous êtes satisfait des modifications.

  1. Modifiez le style de carte ou le style de carte dupliqué que vous souhaitez publier. Pour en savoir plus, consultez Modifier un style.

  2. Pendant que vous apportez des modifications, cliquez sur Enregistrer.

  3. Lorsque vous êtes prêt à publier le style et à appliquer vos modifications à tous les ID de carte qui utilisent ce style de carte, cliquez sur Enregistrer, puis sur Publier.

Styles de carte publiés et brouillons

Publié : un style de carte s'applique lorsqu'il est publié. Toutes les cartes qui utilisent le style de carte affichent sa version publiée.

Brouillon : les versions brouillon d'un style de carte sont des ébauches et ne s'affichent pas dans les cartes tant que vous ne les avez pas publiées.

Modifier un style

Si vous voulez modifier votre style de carte, vous pouvez le faire directement dans l'éditeur de style. Lorsque vous mettez à jour un style, deux possibilités s'offrent à vous :

  • Si vous voulez appliquer vos modifications dès que vous êtes prêt: cliquez sur Personnaliser et apportez les modifications souhaitées. Cliquez sur Enregistrer pour enregistrer les modifications en tant que brouillon, puis sur Publier lorsque vous êtes prêt.

  • Si vous souhaitez d'abord tester vos modifications dans un environnement de test : au lieu d'apporter les modifications directement dans le style de carte, commencez par dupliquer le style. Pour en savoir plus, consultez Dupliquer un style et Tester les mises à jour du style de carte.

Une fois que vous avez créé un style de carte, vous pouvez le modifier sur sa page principale de l'une des façons suivantes :

  • Modifier: cliquez sur Personnaliser.

  • Dupliquer : pour en savoir plus, consultez Dupliquer un style.

  • Renommer : renommez le style de carte.

  • Supprimer : supprimez le style de carte.

Utiliser des styles et des ensembles de données basés sur les données

Sur la page principale du style, vous pouvez activer et afficher les calques pour le style basé sur les données pour les limites et le style basé sur les données pour les ensembles de données dans les styles de carte clairs.

Lorsque vous associez un style de carte clair avec un style basé sur les données ou des ensembles de données activés à un ID de carte, les calques activés sont également disponibles pour le mode sombre.

Pour utiliser un style basé sur les données ou des ensembles de données avec un style de carte sombre, procédez comme suit dans la console Google Cloud:

  1. Accédez à Styles de carte, puis sélectionnez un style de carte clair ou créez-en un.

  2. Sur la page principale du style, activez les calques de votre choix sur un style de carte clair.

  3. Associez le style de carte clair au même ID de carte que le style de carte sombre.

Associer votre style à un ID de carte

Un ID de carte ne peut être associé qu'à un seul style clair et un seul style sombre. Pour modifier le style associé à un ID de carte spécifique, procédez comme suit dans la console Google Cloud:

  1. Accédez à Gestion des cartes, puis sélectionnez un ID de carte.

  2. Sous "Styles de carte", cliquez sur Modifier le style pour choisir un style clair ou sombre.

  3. Dans le panneau, sélectionnez l'un des styles à associer à cet ID de carte.

  4. Cliquez sur OK.

  5. Cliquez sur Enregistrer pour appliquer toutes les modifications.

Pour utiliser votre style de carte basé dans le cloud, ajoutez l'ID de carte à votre application.

L'aperçu de la carte se parcourt comme n'importe quelle carte Google :

  • Saisissez une adresse ou un lieu dans la zone Rechercher une adresse.

  • Cliquez sur la boussole pour centrer la carte sur votre position. Vous devrez peut-être aussi autoriser la carte à accéder à votre position.

  • Faites glisser la carte pour la déplacer.

  • Effectuez un zoom avant/arrière à l'aide des symboles plus (+) et moins (-).

Rechercher des éléments cartographiques

Pour rechercher un élément cartographique auquel vous souhaitez appliquer un style, vous pouvez utiliser le filtre ou l'inspecteur de carte.

Vous pouvez également développer et réduire les catégories d'éléments cartographiques pour trouver l'élément qui vous intéresse. Consultez la liste des éléments cartographiques sur la page Éléments auxquels vous pouvez appliquer un style sur la carte.

Filtrer les éléments cartographiques

Pour rechercher des éléments cartographiques à l'aide du filtre, sous Éléments cartographiques, saisissez un terme dans la zone Filtre.

Si vous ne parvenez pas à trouver un élément cartographique :

  • N'utilisez pas de pluriel (toutes les catégories sont au singulier).

  • Essayez d'utiliser un terme plus générique pour rechercher l'élément. Par exemple, recherchez "restaurant" plutôt que "pizzeria" ou "fast-food".

  • Essayez d'utiliser une catégorie plus large, puis d'explorer cette catégorie afin de trouver l'élément cartographique le plus proche. Par exemple, recherchez "divertissement" plutôt que "théâtre".

Inspecter les éléments cartographiques

Pour rechercher des éléments cartographiques à l'aide de l'outil d'inspection de la carte, procédez comme suit:

  1. Cliquez avec le bouton gauche de la souris n'importe où sur la carte pour ouvrir l'outil d'inspection de la carte à l'endroit où vous avez cliqué.

    L'inspecteur de carte s'ouvre au-dessus de l'obélisque Space Needle et liste six éléments cartographiques à cet endroit: un point d'intérêt, un terrain de sport, un axe commercial, une zone urbaine, un arbuste et un arrière-plan.

  2. Sélectionnez un élément cartographique dans l'inspecteur de carte. Le volet Éléments cartographiques correspondant se développe et affiche les éléments que vous pouvez personnaliser.

    L'inspecteur de carte pour l'eau liste les éléments cartographiques de type "Eau" et d'arrière-plan. L'élément "Eau" est sélectionné, et le volet correspondant se développe pour afficher les options de personnalisation des polygones et des libellés.