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 à l'aide du style de carte Google par défaut ;

  • dupliquer et modifier un style standard ou personnalisé existant.

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, sélectionnez Créer un style.

  3. En bas, sélectionnez Ouvrir dans l'éditeur de style.

  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. Sélectionnez 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 sélectionnez 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, sélectionnez Dupliquer.

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

  5. Sélectionnez 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, sélectionnez Personnaliser le style, apportez les modifications souhaitées, puis sélectionnez Enregistrer.

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, sélectionnez 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, sélectionnez Enregistrer, puis 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 : sélectionnez Personnaliser le style et apportez les modifications souhaitées. Sélectionnez Enregistrer pour enregistrer les modifications en tant que brouillon, puis 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 : sélectionnez Personnaliser le style.

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

  • Renommer : renommez le style de carte.

  • Supprimer : supprimez le style de carte.

  • Ajouter des ID de carte : associez des ID de carte au style.

Associer des ID de carte à votre style ou en supprimer

Vous pouvez associer des styles à plusieurs ID de carte, car un même style peut être utilisé dans plusieurs applications Google Maps. Toutefois, vous ne pouvez associer un ID de carte qu'à un seul style.

  1. Accédez à Styles de carte, puis sélectionnez un style.

  2. Sélectionnez Ajouter des ID de carte ou Modifier les ID de carte.

  3. Dans Modifier les ID de carte, cochez la case correspondant aux ID de carte pour les associer à ce style. Pour supprimer un ID de carte, décochez la case pour supprimer l'association.

  4. Sélectionnez Enregistrer.

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 emplacement: 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.