
Activation d'une clé d'API Google pour les magasins Next.js
Pour utiliser Google Maps dans un magasin Next.js, le processus de génération de magasin nécessite un accès par clé d'API Google.
Cet accès active les services suivants pour un magasin Next.js.- API de directions
- API de matrice de distance
- API JavaScript Maps
- API Lieux
Procedure
Pour ajouter une clé d'API Google au magasin :
Configurez les API sur votre compte Google.
- Activez l'API Google sur la page Activer et désactiver les API de votre compte Google.
- Configurez l'API Google sur la page Configuration des clés d'API de votre compte Google.
-
Exportez la variable d'environnement
MAP_API_KEY=<your-google-API-key>.- Environnement de développement : Définissez
MAP_API_KEY=<your-google-API-key>dans le fichier .env.local. - Environnement de production : Définissez ou exportez une variable d'environnement système
MAP_API_KEY=<your-google-API-key>pour votre conteneur.
Note: Fait référence à la clé d'API Google réelle extraite à l'étape 1.a. - Environnement de développement : Définissez
- Démarrez le serveur de développement ou le serveur de production.