Un ID de carte est un identifiant unique qui représente les paramètres de configuration et de style de Google Maps stockés dans Google Cloud. Vous utilisez des ID de carte pour activer des fonctionnalités, ou pour gérer ou appliquer des styles de cartes sur vos sites Web et dans vos applications. Vous pouvez créer des ID de carte pour chaque plate-forme dont vous avez besoin (JavaScript, Android, iOS ou cartes statiques) dans votre projet Google Cloud Console sur la page Gestion des cartes.
Pour savoir comment créer des ID de carte, consultez Créer des ID de carte.
Que pouvez-vous faire avec des ID de carte ?
Utilisez des ID de carte pour activer des fonctionnalités et des styles. Voici quelques exemples d'utilisation des ID de carte. Pour obtenir la liste complète, consultez Fonctionnalités qui utilisent des ID de carte :
Styles de cartes basés dans le cloud : associez un ID de carte à un style de carte pour styliser, personnaliser et gérer vos cartes à l'aide de Google Cloud Console. Disponible sur toutes les plates-formes : Android, iOS, JavaScript, et API Maps Static.
Cartes vectorielles : utilisez un ID de carte pour utiliser une carte composée de tuiles vectorielles dessinées au moment du chargement côté client à l'aide de WebGL. Disponible sur JavaScript.
Repères avancés : utilisez un ID de carte pour activer les repères avancés. Disponible sur Android, iOS et JavaScript.
Exemple de styles de cartes basés dans le cloud
Pour utiliser les styles de cartes basés dans le cloud afin de styliser des cartes sur votre site Web et vos applications Android, procédez comme suit :
Créez des ID de carte pour chaque plate-forme que vous utilisez. Par exemple, créez un ID de carte JavaScript et un ID de carte Android. Pour en savoir plus, consultez Créer des ID de carte.
Configurez un style de carte dans Google Cloud Console. Pour en savoir plus, consultez Styles de cartes basés dans le cloud.
Associez vos deux ID de carte au style de carte dans Google Cloud Console. Pour en savoir plus, consultez Associer des ID de carte à votre style.
Référencez l'ID de carte dans le code JavaScript de votre site Web et dans le code de votre application Android. Pour en savoir plus, consultez Ajouter un ID de carte à votre application.
Le style de carte associé à vos ID de carte s'affiche ensuite sur votre site Web et dans votre application Android. Vous pouvez modifier le style de votre carte dans la console Cloud. Les modifications apparaissent automatiquement aux deux endroits, sans que vos clients aient besoin de mettre à jour l'application.
Fonctionnalités qui utilisent des ID de carte
Le tableau suivant présente les fonctionnalités et les API Google Maps Platform qui utilisent des ID de carte :
| Fonctionnalité ou API | Utilise des ID de carte pour atteindre ces objectifs |
|---|---|
| Repères avancés | Activer les repères avancés. Vous n'avez pas besoin de créer d'ID de carte
. Vous pouvez utiliser l'ID de carte de démonstration DEMO_MAP_ID. |
| Style basé sur les données pour les limites | Associer l'ID de carte à un ensemble de limites et à un style pour styliser la carte en fonction des limites. |
| Style basé sur les données pour les ensembles de données | Associer l'ID de carte à un ensemble de données et à un style pour styliser la carte en fonction de l'ensemble de données. |
| Flutter | Styliser les cartes Google utilisées dans vos applications Flutter. |
| API Maps JavaScript | Styliser la carte à afficher sur une page Web. |
| SDK Maps pour Android | Styliser la carte à afficher dans une application Android.1 |
| SDK Maps pour iOS | Styliser la carte à afficher dans une application iOS.1 |
| API Maps Static | Spécifier et styliser la carte à afficher sous forme d'image statique. |
| Solutions de mobilité | Utiliser l'API Maps JavaScript et les SDK pour Android et iOS afin de styliser des cartes dans les solutions de mobilité.1 |
| SDK Navigation pour Android | Styliser la carte à afficher dans une application Android.1 |
| SDK Navigation pour iOS | Styliser la carte à afficher dans une application iOS.1 |
| WebGL (cartes vectorielles) | Activer les fonctionnalités WebGL à l'aide d'un ID de carte vectorielle JavaScript. |
1 L'utilisation d'un ID de carte dans le SDK Maps pour Android, le SDK Maps pour iOS, le SDK Navigation pour Android ou le SDK Navigation pour iOS déclenche le chargement d'une carte facturée avec le SKU Dynamic Maps.