Obtenir une clé Google Maps API
Territory Maker utilise deux APIs Google Maps : Maps JavaScript API (affichage de la carte) et Directions API (calcul d'itinéraires). Ce guide te prend en main en 5 étapes.
Un compte Google et une carte bancaire valide sont nécessaires pour activer la facturation Google Cloud. Google offre 200 $ de crédits gratuits par mois — l'utilisation normale de Territory Maker reste largement dans cette limite.
Créer un projet Google Cloud
Rends-toi sur console.cloud.google.com et connecte-toi avec ton compte Google.
- Clique sur le sélecteur de projet en haut à gauche (à côté du logo Google Cloud)
- Clique sur Nouveau projet
- Donne un nom (ex :
territory-maker) et clique sur Créer - Attends quelques secondes que le projet soit créé, puis sélectionne-le
Activer la facturation
Les APIs Google Maps nécessitent un compte de facturation actif (même sans dépasser les crédits gratuits).
- Dans le menu latéral, clique sur Facturation
- Clique sur Associer un compte de facturation ou Créer un compte de facturation
- Suis les étapes pour renseigner tes coordonnées bancaires
- Reviens sur ton projet une fois la facturation activée
Activer les deux APIs
Tu dois activer précisément ces deux APIs dans ton projet :
- Clique sur APIs et services → Bibliothèque
- Recherche Maps JavaScript API, clique dessus, puis clique sur Activer
- Reviens à la bibliothèque, recherche Directions API, clique dessus, puis clique sur Activer
Créer la clé API
- Dans le menu, clique sur APIs et services → Identifiants
- Clique sur + Créer des identifiants → Clé API
- Une clé est générée immédiatement au format
AIzaSy… - Copie cette clé — tu en auras besoin pour l'étape suivante
Restreindre la clé à ton domaine Fortement recommandé
Sans restriction, n'importe qui qui trouve ta clé peut l'utiliser à tes frais. Restreins-la à ton domaine :
- Sur la page Identifiants, clique sur le nom de ta clé pour l'éditer
- Sous Restrictions d'application, sélectionne Référents HTTP (sites web)
-
Ajoute tes domaines autorisés, par exemple :
https://ton-site.pages.dev/*
http://localhost:4321/*(pour le développement local) - Clique sur Enregistrer
Ta clé est prête ? Retourne sur l'application et colle-la dans le champ Clé Google Maps API.
Utiliser Territory Maker →