Obtenez et partagez votre clé API en toute sécurité

Pour afficher Google Maps sur votre Web, vous devez activer la Maps JavaScript API, créer une clé API et la partager avec notre équipe pour l’intégration. Le processus est simple et vous garde le contrôle sur les sites autorisés à utiliser cette clé.

Exigences et périmètre

Avec Google Maps, vous offrirez à vos clients une visualisation précise de l’emplacement de vos propriétés, en remplaçant les cartes de Mapbox. Vous gérerez votre compte Google et la facturation associée ; notre équipe se chargera de l’intégration technique sur votre Web.

Étapes à suivre

Activer les APIs nécessaires

Connectez-vous sur https://console.cloud.google.com/.
Cliquez sur « Créer un projet », renseignez nom, organisation et emplacement, puis validez avec « Créer ».
Dans le menu latéral, ouvrez « API et services ».
Sélectionnez « Activer des API et des services ».
Recherchez Maps JavaScript API et cliquez sur « Activer ».

Attention aux détails
Si vous ne trouvez pas l’API dans le panneau initial, utilisez la barre de recherche.

Obtenir et restreindre votre clé API

Revenez à « API et services » → « Identifiants ».
Cliquez sur « Créer des identifiants » → « Clé API ». Votre clé s’affiche dans une fenêtre.
Renseignez la facturation de votre compte Google : menu « Facturation » → « Lier un compte de facturation » et suivez les étapes. Si la facturation n’est pas correctement configurée, la carte ne s’affichera pas comme prévu.
Restreignez l’usage de la clé : dans « Restrictions d’application », choisissez Sites Web et, dans « Restrictions de sites Web », ajoutez les domaines où la clé sera utilisée.

Attention aux détails
Si vous laissez la liste des sites Web vide, votre clé API acceptera des requêtes depuis n’importe quel site, ce qui présente un risque d’usage abusif.

Envoyer la clé API pour activation

Une fois terminé, envoyez votre clé API à l’équipe Avantio. Notre équipe technique configurera Google Maps sur votre site Web et vous informera lorsque la tâche sera finalisée.

Conseil utile
Centralisez la gestion depuis votre compte Google : conservez clé API, facturation et restrictions documentées. Cela facilite audits et mises à jour.

Bonnes pratiques

Vérifiez que Maps JavaScript API est activée dans le bon projet.
Ajoutez tous les domaines et sous-domaines nécessaires (production et, si besoin, tests).
Surveillez régulièrement plafonds et consommation dans « Facturation » pour éviter des interruptions de service.

Erreurs fréquentes

Ne pas compléter la facturation : empêche le chargement correct des cartes.
Ne pas restreindre la clé API : autorise d’autres sites à l’utiliser et consommer votre quota.
Créer la clé et ne pas la stocker en lieu sûr : complique sa maintenance et son contrôle.

Avec Google Maps, vous choisissez une cartographie familière pour vos utilisateurs, améliorez l’expérience de navigation et gardez la main sur la sécurité de votre clé, la facturation et la performance du service.

Foire aux questions

Qui gère le compte et la facturation Google Maps associés à la clé API ?

Vous gérez le compte Google et la facturation. Avantio réalise l’intégration technique sur votre Web une fois la clé API reçue.

Quelle API dois-je activer pour que les cartes fonctionnent sur mon Web ?

Vous devez activer Maps JavaScript API dans le projet Google Cloud où vous créerez la clé API.

Pourquoi dois-je configurer la facturation dans Google Cloud pour utiliser la clé API ?

Google exige une facturation active pour servir les cartes. Sans cela, la carte ne s’affichera pas correctement sur votre Web.

Comment limiter l’usage de ma clé API à mes domaines ?

Dans « Restrictions d’application », sélectionnez Sites Web et ajoutez vos domaines dans « Restrictions de sites Web ». Si vous laissez cet espace vide, la clé acceptera des requêtes depuis n’importe quel site.

Quel avantage ai-je à intégrer Google Maps plutôt que Mapbox ?

Vous pouvez choisir Google Maps pour afficher l’emplacement de vos propriétés avec une interface reconnaissable et familière, améliorant l’expérience de navigation des utilisateurs.

Intégrer Google Maps à votre Web Avantio