Obtenir une clé pour Google Maps

Suite à des modifications au fonctionnement de Google Maps, vous devez maintenant ouvrir un compte sur leur service d’API afin d’utiliser une carte personnalisée, comme la géolocalisation apparaissant dans l’annuaire des membres.

Important : bien que le service soit gratuit, vous devrez quand même renseigner une carte de crédit afin de pouvoir l’utiliser. Vous pouvez accéder en tout temps aux informations de facturation via le lien https://console.cloud.google.com/billing/

Créer une clé pour l’API

Rendez-vous sur le site https://console.cloud.google.com/

Vous devrez alors vous connecter avec un compte Google et accepter les conditions d’utilisation pour pouvoir poursuivre.

Dans le haut de la page, cliquez sur Essayer gratuitement.

Remplissez le formulaire en indiquant vos informations de facturation. Celles-ci sont utilisés pour prouver votre identité et vous ne serez pas facturé sans avis de Google.

Une fois votre compte créé, cliquez sur le menu API et services dans la colonne de gauche. Cliquez ensuite dans le haut de l’écran sur le bouton Activer des API et des services. 

Dans la liste des services qui apparaissent, sélectionnez Maps JavaScript API.

Vous serez redirigé vers le tableau de bord de cet API. Cliquez sur Activer puis confirmez le compte de facturation pour votre projet. Répétez l'opération avec Places API et Geocoding API.

Rendez-vous dans l'onglet identifiant, cliquez sur + créer des identifiants, sélectionnez Clé API. Une fois créée, cliquez sur la clé. 

Vous obtiendrez alors une clé que vous pourrez utiliser dans Yapla. Afin de protéger cette dernière contre les utilisateurs externes, cliquez sur Restreindre la clé pour autoriser la clé seulement sur votre site.

Sélectionnez la restriction par Site web, puis entrez tous les urls qui seront utilisez sur votre site (votre url  Yapla tout comme votre nom de domaine personnalisé). Vous pouvez finaliser l’url par /* pour que la clé fonctionne sur toutes les pages de votre site.

Ajouter une 2e clé pour la Géolocalisation

Une fois la première clé créée, dans l'onglet Identifiants, cliquez de nouveau sur + Créer des identifiants.

Créez une 2e clé avec une restriction par adresse IP et les adresses suivantes : 

99.79.153.179
99.79.159.163
52.212.157.23
52.212.170.179
52.60.140.239

Dans la section Restrictions relatives aux API, ajoutez les API Places, Geocoding et Geolocation.

Ajouter les clés dans Yapla

Une fois que vous avez activé vos clés, il ne reste plus qu’à les ajouter dans Yapla.

Ouvrez le site web où vous souhaitez afficher une carte dynamique et ouvrez l'onglet Outils.

Dans la section Google Maps, collez votre première clé dans la section Google Maps et la deuxième dans les section Google Places et Google Geo. Enregistrez.

 

Attention : l’API de Google Maps a un délai de quelques minutes avant d’être déployée, il est donc possible que votre carte ne soit pas fonctionnelle immédiatement après avoir ajouté la clé. Si vous avez encore des erreurs après 15 minutes, ouvrez votre tableau de bord sur Google Cloud et vérifiez que votre clé n’affiche pas d’erreurs.