Le blog WAIBE.FR, des astuces pour faire votre site Internet...



Créez une clef API Google pour afficher votre carte.

6 novembre 2016



Pour tous les sites Internet créés après juin 2016, l’utilisation de cartes google map sur les sites Internet doit se faire en y introduisant une « clef » fournie par google. Si votre site a été créé avant cette date, vous n'en avez pas besoin. Chaque site Internet dispose de sa propre clef, voici la procédure pour récupérer la vôtre.

Ceci n'est à faire que pour les nouveaux sites !

Je l'ai dit et je le répèterai plusieurs fois dans cet article : vous n'avez besoin de faire ceci que si votre site Internet a été créé après juin 2016. Pour les sites créés avant cette date, vous n'avez rien à faire. Donc si vous êtes clients de www.waibe.fr  depuis plus longtemps, et que vous disposez déjà d'une page carte, vous n'avez rien à faire, passez votre chemin ;-)

 

C'est quoi une "clef API"

C'est une suite de lettres et de chiffres qui permettent à google de savoir qui demande à accéder à ses services. Chaque site doit désormais avoir sa propre clef, qui correspond donc à une adresse Internet particulière. Vous devez créer cette clef pour afficher une carte sur votre site (mais uniquement pour les nouveaux sites créés).

 

Petit problème... Une erreur s'est produite.

Si vous ne créez pas de clef API, voici ce à quoi ressemblera votre carte, avec un joli message qui vous dit "Petit problème... Une erreur s'est produite. Google Maps ne s'est pas chargé correctement sur cette page. Pour plus d'informations techniques sur cette erreur, veuillez consulter la console JavaScript."

 

google map probleme.fw

 

Le logiciel WAIBE.FR a donc été mis à jour pour que vous puissiez saisir cette clef dans l'espace d'administration de votre site. Voici la procédure à suivre pour pouvoir afficher la carte.

 

Comment récupérer la Clef google

Rendez-vous sur le site https://console.developers.google.com/apis/credentials. Vous arrivez sur la page ci-dessous qui vous demande de vous connecter à votre compte google. Si vous n’en possédez pas, créez-en un en cliquant sur « Créer un compte ».

 

google key 1

 

Une fois connecté chez google, cliquez sur « Créer des identifiants », puis sur « Clef API ».

 

google key 2

La clef que vous devrez récupérer et copier dans l’interface d’administration WAIBE.FR, dans la page "carte", est entourée en rouge ci-dessous. 

google key 3

Restreindre la clef google Map

Vous noterez sur l'image ci-dessus qu'il y a également un bouton "restreindre la clef" : cela vous permet d'indiquer que seul votre site Internet aura le droit d'utiliser la clef. Si vous ne le faites pas, n'importe qui pourra récupérer le code source de votre site, et donc le code de la clef, et le ré-exploiter pour son propre site Internet. Et si cette personne abuse des services de google, votre clef sera désactivée. Voici comment gérer la restriction d'accès.

Sur l'image ci-dessous, vous voyez l'interface qui sera affichée. Vous pouvez donner un nom à votre clef (par exemple si vous gérez plusieurs sites Internet, le nom de la clef peut être le nom du site).

Ensuite, dans "Restriction de clef", cochez la case "Référents http (sites web). Et dans la case qui se trouve dessous, vous devez rentrer l'adresse Internet de votre site, mais d'une manière particulière. Par exemple, site votre site a pour adresse www.monsite.com, vous devez saisir *monsite.com/*. Comme vous le voyez, j'ai remplacé "www." par "*", et j'ai 'ajouté "/*" à la fin. Ceci permettra à la clef de marcher sur toutes les pages de votre site Internet.

 

google map5 

 

 

Comment utiliser cette clef sur mon site Internet ?

En théorie, vous devez saisir un code HTML sur votre site, qui ressemble à ceci (ne le faites pas...) : 

Sauf que dans la pratique, cela peut ne pas marcher, entre autres si vous faites déjà appel à un lien http://maps.wgoogle.com/maps/api/ à un autre endroit dans votre site Internet, car vous n'avez droit qu'à un seul appel à ce lien.

Donc pour vous simplifier la vie, j'ai fait une mise à jour du logiciel www.waibe.fr  pour que vous ayez juste à copier / coller la clef dans l'administration de votre site. Connectez-vous sur  www.waibe.fr  puis cliquez sur "Modifier le site" en haut, puis sur votre page "carte". 

Vous devez alors saisir la clef sur WAIBE dans l'administration de votre page "Carte", dans le champ qui est entouré en rouge ci-dessous.

 

google map4

 

Et c'est tout! Une fois que vous avez fait cette procédure, votre carte peut désormais s'afficher sur votre site web, vous n'avez rien d'autre à faire : pas de code HTML à mettre.

Ecrire un commentaire

(Tous les commentaires seront validés par le webmaster avant d'etre publiés)

Votre nom


Votre texte


Tapez le code à gauche*



Il y a 1 commentaire...

guehi - 17 octobre 2018

tres beau tuto merci

facebook partager

 

www.waibe.fr - Comment créer un site Internet pas cher, le modifier à volonté, et sans aucune connaissance informatique
Création de site Internet à petit prix pour PME, PMI, association, indépendant, profession touristique, photographe, modèle...

 

Comment créer un site photo pas cher. Création site web pas cher. Liens vers des sites photo - Comment créer un site Internet pour autoentrepreneur ? - Creation de sites Internet Bassin d'Arcachon - duovip.waibe.fr -