Comment créer un clé d'API Google Maps pour afficher la carte de mon site WordPress ? - Wenovio
1-844-WENOVIO

Comment créer un clé d’API Google Maps pour afficher la carte de mon site WordPress ?

Lecture de 5 minutes
Vidéo sur comment créer une clé d'API Google Maps.
Voir ce tutoriel en vidéo.

Mise en  contexte

Plusieurs thèmes WordPress comportent une carte Google. Depuis le 11 juin 2018, il est obligatoire d’activer un compte de facturation afin de pouvoir continuer à utiliser les services Google Maps.

Le service de carte, qui jusqu’à présent était gratuit, devient maintenant payant à partir d’un certain quotas.

Lors de votre inscription au service Cloud de Google, vous avez 300$ offert la première année afin de tester les différents services.

Pour les services Maps, Routes et Places Google “offre” un quota mensuel gratuit de 200$ qui est illimité dans le temps pour le moment.

Pour les utilisateurs qui ont un site qui n’a pas énormément de visite, ce quota sera largement suffisant et ils n’auront pas à payer le service.

Connexion au compte Google

Pour activer la facturation, voici la procédure à suivre :

Se connecter ici à votre compte Google => https://console.cloud.google.com

Création du projet

Vous devrez vous identifier avec votre compte Gmail et vous aurez l’écran ci-dessous :

Création du projet pour créer une clé d'API Google Maps.

Cocher les choix comme sur l’exemple et cliquez sur ACCEPTER ET CONTINUER.

En haut de l’écran, choisir Sélectionnez un projet :

Google Cloud création d'un projet pour une clé d'API Google Maps

Puis créez un NOUVEAU PROJET :

Google Cloud création projet

Pour cet exemple, on appelle le projet ‘MonSiteWeb’ mais vous pouvez bien entendu mettre le nom que vous voulez. En général on met le nom de notre site Web :

Google Cloud création projet

Puis validez en cliquant sur CRÉER.

Activation de la facturation

Cliquez sur le menu en haut à gauche, puis choisir Facturation :

Google Cloud création projet

Choisir ensuite Associer un compte de facturation :

Google Cloud activation de la facturation

L’écran suivant apparaît, cliquez sur CRÉER UN COMPTE DE FACTURATION :

Google Cloud activation de la facturation

Cochez les choix comme ci-dessous et cliquez sur Accepter et continuer :

Suite de la création du compte

L’écran suivant apparaît :

Mode de paiement pour le nouveau compte

Complétez vos informations bancaire puis cliquez sur Démarrer l’essai gratuit.

Voilà, le compte de facturation est créé!

Activer l’API pour utiliser le service de carte Google Maps

Retournez dans le menu de gauche puis choisir API et services :

Activer l'API Google Maps

Choisir le menu Bibliothèque :

La bibliothèque pour la clé d'API Google Maps

Ensuite dans le menu de gauche, choisir Maps :

Google Maps

Choisir maintenant Maps Javascript API qui s’affiche au centre de l’écran :

L'API JavaScript de Google Maps

Puis cliquez sur le bouton ACTIVER :

Activer l'API Google Maps

Créer la clé API Google Maps

Maintenant que l’API est activée, il faut créer une clé. Cliquez sur Identifiants :

Créer la clé d'API Google Maps

Cliquez sur Créer des identifiants :

Les identifiants de la clé d'API Google Maps

Et choisir Clé API :

La création de la clé d'API Google Maps

La clé API apparaît. Vous pouvez la copier pour l’utiliser sur votre site.

Il faut ensuite cliquer sur RESTREINDRE LA CLÉ afin que ce soit seulement votre site qui puisse utiliser cette clé :

L'identifiant de la clé d'API Google Maps

Choisir Référents HTTP, puis entrez l’adresse de votre site sous la forme :

https://*.monsiteweb.ca/*

La configuration des référents

Puis cliquez sur Enregistrer.

Géocoding

Suivant la configuration de votre site, vous aurez aussi parfois besoin de l’API Geocoding. Afin de l’activer, il faut retourner dans la bibliothèque :

La bibliothèque de l'API Google Maps

Puis sélectionner Geocoding API :

L'API de geocoding de Google Maps

Ensuite il suffit de cliquer sur le bouton bleu Activer.

Votre clé API Google Maps est correctement configuré !

Vous pouvez maintenant l’envoyez à votre programmeur Web afin qu’il puisse faire afficher une carte sur votre site.

N’hésitez pas à nous contacter si vous aimeriez avoir un coup de main!

6 Comments

  • Marie

    Bonjour, pour le réferrent HTTP, doit on mettre l’adresse de la page d’accueil ou l’adresse où se situe la carte google sur notre site ? Merci beaucoup !

    2019-07-19 à 12:04
    • Gilles Duquerroy
      Gilles Duquerroy

      Bonjour, tu peux effectivement mettre l’url de la page où il y a la carte. Sinon on peut aussi mettre une url sous la forme https://*.monsiteweb.ca/* afin que la clé fonctionne sur tous le site si jamais tu as d’autres cartes ailleurs

      2019-07-19 à 12:11
  • Djan Lawouze

    bonjour, mon site a été bloqué par celui qui l’a monté parce qu,il a un problème avec un membre. comment faire pour débloqué ce site?

    2019-07-27 à 12:20
    • Davyd Quintal
      Davyd Quintal

      Qu’est-ce que tu entends par “bloqué”? S’il a désactivé la clé d’API Google dans son compte, tu peux simplement en créer une nouvelle dans ton compte en suivant les instructions de cet article de blogue et ensuite la substituer sur ton site.

      2019-07-29 à 10:42
  • gui

    Bonjour, faut-il obligatoirement créer un compte de facturation ?

    2019-10-03 à 11:40
    • Davyd Quintal
      Davyd Quintal

      Oui, depuis 2018 Google exige qu’un compte de facturation avec carte de crédit valide soit utilisé pour générer la clé d’API. Et ce, même si l’utilisation ne dépasse pas la limite mensuelle gratuite.

      2019-10-03 à 12:29

Laisser un commentaire