Personnalisation de cartes dans Google Cloud

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

Google Maps Platform propose des fonctionnalités de personnalisation de cartes dans le cloud qui vous permettent de styliser, personnaliser et gérer facilement vos cartes à l'aide de la console Google Cloud. Vous pouvez ainsi créer une expérience personnalisée pour vos utilisateurs sans avoir à mettre à jour le code de vos applications à chaque modification de style.

Les styles créés avant le 15 septembre 2020 n'affichent pas les éléments géographiques naturels améliorés de Google Maps. Pour que ces éléments soient compatibles avec votre carte, vous devez créer un style de carte.

La personnalisation de cartes dans Google Cloud vous permet de créer et de modifier des styles de carte pour toutes les applications qui utilisent Google Maps, sans avoir à modifier votre code une fois l'ID de carte installé. Vous pouvez effectuer toutes les modifications de style dans la console Cloud, sans avoir aucune compétence en codage. Modifiez l'apparence et la couleur de nombreux éléments de la carte, comme les routes, les bâtiments, les plans d'eau, les points d'intérêt et les itinéraires des transports en commun.

Voici certaines des fonctionnalités incluses :

  • Personnalisation de cartes dans Google Cloud : au lieu de styliser votre carte dans le code au format JSON, gérez et stylisez vos cartes dynamiques ou statiques dans la console Cloud, en utilisant des ID de carte et des styles de carte.
  • Filtrage des points d'intérêt commerciaux : vous pouvez supprimer cinq catégories de points d'intérêt commerciaux de la carte.
  • Contrôle de la densité des points d'intérêt : sur la carte de base, vous pouvez ajuster la densité des points d'intérêt pour en afficher un nombre plus ou moins élevé par défaut.

Bien que la personnalisation de cartes dans Google Cloud soit disponible dans le SDK Maps pour Android1, le SDK Maps pour iOS, JavaScript et l'API Maps Static, toutes les fonctionnalités ne sont pas visibles sur toutes les plates-formes.

Avant de commencer

  • Créez un ID de carte
    Pour utiliser la personnalisation de cartes dans Google Cloud, vous devez charger votre carte à l'aide d'un ID de carte.
  • Mise à jour à partir des styles codés en dur Avant d'ajouter un ID de carte pour utiliser la personnalisation de cartes dans Google Cloud sur une carte existante personnalisée avec un style codé en dur, comme JSON ou des paramètres de requête d'URL, supprimez le style codé en dur pour éviter tout conflit potentiel avec les futurs éléments géographiques. Vous pouvez importer votre style JSON dans un nouveau style de carte.

Facturation

L'utilisation de la personnalisation de cartes dans Google Cloud nécessite un ID de carte. Avec le SDK Maps pour Android, le SDK Maps pour iOS et JavaScript, l'utilisation d'un ID de carte entraîne des frais qui sont facturés avec le SKU Dynamic Maps. Pour l'API Maps Static, ces frais sont facturés avec le SKU Static Maps.

Exemples

Un ID de carte est un identifiant associé à un style de carte ou un élément géographique spécifique. Configurez un style de carte et associez-le à un ID de carte dans la console Google Cloud. Ensuite, lorsque vous référencez un ID de carte dans votre code, le style de carte qui lui est associé s'affiche dans votre application. Toutes les modifications de style apportées par la suite apparaissent automatiquement dans votre application, sans que vos clients aient besoin d'effectuer des mises à jour.

  1. Si vous utilisez la personnalisation de cartes dans Google Cloud avec une carte existante personnalisée avec le paramètre style, veillez à les supprimer pour éviter tout risque de conflit avec les fonctionnalités futures.

  2. Pour ajouter un ID de carte à une carte nouvelle ou existante qui utilise l'une de nos API Web, ajoutez le paramètre d'URL map_id et définissez-le sur votre ID de carte. Cet exemple montre comment ajouter un ID de carte à une carte à l'aide de l'API Maps Static.

    <img src="https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=13&size=600x300&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Clabel:C%7C40.718217,-73.998284&key=YOUR_API_KEY&map_id=YOUR_MAP_ID&signature=YOUR_SIGNATURE" />

  1. la personnalisation de cartes dans Google Cloud n'est pas disponible en mode Android simplifié. ↩