Pour intégrer Google Maps à votre site web, vous devez d'abord générer une clé API via Google Cloud Platform. Voici un guide étape par étape pour obtenir cette clé et la configurer sur votre site web.
Étape 1 : Accéder à la console Google Cloud Platform
- Accédez à la console Google Cloud Platform
Ouvrez votre navigateur Web et accédez au Console Google Cloud Platform. - Sélectionnez ou créez un projet
Une fois dans la console, cliquez sur le menu déroulant « Projet » en haut de la page. Vous pouvez alors sélectionner un projet existant ou en créer un nouveau pour votre clé API.
Étape 2 : Accédez à API et services
- Ouvrez la section des informations d'identification de l'API
Cliquez sur le bouton de menu (trois lignes horizontales) en haut à gauche. Dans le menu déroulant, sélectionnez API et services > Informations d'identification.
Étape 3 : Générez votre clé API
- Créer de nouveaux identifiants
Sur le Titres de compétences page, sélectionnez Créer des identifiants > Clé APICela générera automatiquement une nouvelle clé API. - Afficher et copier votre clé API
Une boîte de dialogue affichera votre nouvelle clé API. Copiez cette clé et conservez-la en lieu sûr, car vous en aurez besoin pour les dernières étapes. - Fermer la boîte de dialogue
Cliquez Fermer pour quitter la boîte de dialogue. Votre clé API sera désormais affichée sous Clés API sur la page des identifiants.
Étape 4 : Restreindre la clé API pour des raisons de sécurité
Pour éviter toute utilisation non autorisée, il est crucial de restreindre votre clé API avant de l'utiliser en production :
- Sélectionnez votre clé API
Sur la page Identifiants, cliquez sur le nom de votre clé API. - Définir les restrictions de touches
Sous Restrictions d'application, limiter l'utilisation aux sites web, adresses IP ou applications spécifiques qui utiliseront l'API. Restrictions de l'APISélectionnez uniquement les API nécessaires à votre projet. - Enregistrez vos paramètres
Une fois les restrictions configurées, cliquez Enregistrer.
Étape 5 : Insérez la clé API dans votre site web
Maintenant que votre clé API est prête, suivez ces étapes pour l'insérer sur votre site :
- Accédez aux options de personnalisation
Ouvrez l'interface d'administration de votre site web et accédez à Options (Personnalisateur) > API > Google Maps. - Saisissez votre clé API
Collez votre clé API dans le champ prévu à cet effet pour Google Maps. - Enregistrer et publier
Après avoir inséré votre clé, enregistrez vos modifications. Google Maps devrait maintenant être correctement intégré à votre site web.
Une fois votre clé API Google Maps configurée, vous êtes prêt à intégrer des cartes interactives à votre site.
