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

Ma soumission gratuite en un clic!

Vos coordonnées


X

Service Requis

LogoGraphismeApplication webSite webPublicité numériqueApplication mobile__Autre service

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

Lecture de 5 minutes
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

Google Cloud première connexion

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 projet

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 internet.

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 création projet

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

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

Google Cloud création projet

L’écran suivant apparaît

Google Cloud création projet

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

Retournez dans le menu de gauche puis choisir API et services

Google Cloud création projet

Choisir le menu Bibliothèque

Google Cloud création projet

Ensuite dans le menu de gauche, choisir Maps

Google Cloud création projet

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

Google Cloud création projet

Puis cliquez sur le bouton ACTIVER

Google Cloud création projet

Créer la clé API

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

Cliquez sur Identifiants

Google Cloud création projet

Cliquez sur Créer des identifiants

Google Cloud création projet

Et choisir Clé API

Google Cloud création projet

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é.

Google Cloud création projet

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

https://*.monsiteweb.ca/*

Google Cloud création projet

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

Puis sélectionner Geocoding API

Ensuite il suffit de cliquer sur le bouton bleu Activer

Et voilà!

Voilà, votre clé API est correctement configuré. Vous pouvez maintenant l’envoyez au concepteur de votre site internet 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!

4 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

Laisser un commentaire