Clé API Google Maps Manquante ou Incorrecte
Pour afficher la carte, veuillez configurer votre propre clé API Google Maps.
Comment obtenir et configurer votre clé API (en français) :
- Allez sur la Google Cloud Console et sélectionnez ou créez un projet.
- Assurez-vous que la facturation est activée pour votre projet.
- Dans le menu de navigation, allez à "APIs et services" > "Bibliothèque".
- Recherchez et activez l'API : "Maps JavaScript API".
- Recherchez et activez l'API : "Places API".
- Allez à "APIs et services" > "Identifiants". Créez une "Clé API" si vous n'en avez pas.
- Important: Sécurisez votre clé API. Cliquez sur la clé, puis dans "Restrictions relatives aux applications", ajoutez les URLs de votre site (ex: `http://localhost: VOTRE_PORT` pour le développement). Dans "Restrictions relatives aux API", sélectionnez "Restreindre la clé" et ajoutez "Maps JavaScript API" et "Places API".
- Créez un fichier nommé
.env.localà la racine de votre projet (s'il n'existe pas). - Ajoutez la ligne suivante dans ce fichier, en remplaçant
VOTRE_VRAIE_CLÉ_APIpar votre clé :
NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=VOTRE_VRAIE_CLÉ_APIAprès avoir ajouté la clé, redémarrez votre serveur de développement.
Si la carte ne s'affiche toujours pas, vérifiez la console de votre navigateur (F12) pour des messages d'erreur spécifiques de Google.