



Comment intégrer une carte Google ?

Beaucoup de sites web utilisent Google Maps. Bien ancré dans notre usage du web, ce service fait partie de notre quotidien depuis plus de 10 ans.

Google a fait régulièrement évoluer son offre, réduisant progressivement les performances de son offre gratuite. Jusque là, seuls les sites ayant un usage intensif des cartes — tels que le site de la Ville de Paris — étaient impactés.

Mais à partir du 16 juillet 2018, tout change, une nouvelle tarification se met en place.

Dorénavant, vous avez le choix entre deux méthodes pour utiliser Google Maps. Soit vous demandez une clé API, après avoir créé votre compte Google, soit vous utilisez le partage de cartes.

 

Rendez-vous sur Google Maps.

 

Dans le champ d'adresse à gauche, renseignez l'adresse de l'emplacement que vous souhaitez afficher sur la carte.

 

Cliquez sur Partager puis Intégrer une carte. Cliquez Copier le contenu HTML :

 

 

Sur votre site Quomodo, ajoutez une note Flash (elle se trouve dans les notes pour intégrer d'autres services). Collez le code et validez.

L'obtention d'une clé API requiert deux choses :

Vous trouverez davantage de renseignements sur cette page.

 

Une fois connecté à votre compte Google, rendez-vous sur https://​cloud.​google.​com. Déroulez le menu « hamburger » — trois traits horizonatux tout à fait en haut et à gauche — et rendez-vous sur Google Maps. Créez votre « projet », renommez-le, par exemple « clé API site web », pius validez.

 

Pour bénéficier de la smartnote Google Map et de toutes les fonctionnalités Google Map, activez :
Maps Javascript API
Directions API

Pour cela rendez-vous à nouveau dans le menu de navigation > Google Map. Sélectionnez Maps Javascript API puis cliquez sur le bouton Activer.

Cliquez ensuite sur l’onglet Quotas et réglez les « Maps loads per day » (nombre de cartes chargées par jour) à 800.

Cliquez ensuite sur API sur la gauche de votre écran, sélectionnez « Directions API » et recommencez l’opération précédente en réglant le quota de « plan web service request per day » à 80.

 

Nous vous conseillons d'utiliser les restrictions d'utilisation de votre clé API.

 

Pour cela rendez-vous sur https://​console.​cloud.​google.​com/ puis cliquez sur API et services > Identifiants.

 

À droite de la clé, cliquez le crayon. Dans la partie "Restrictions relatives aux applications", cochez "Référents HTTP".

Dans le champ qui s'affiche, insérez l'adresse complète de votre site (par exemple http://​www.​quomodo.​com).

 

Indiquez http://​club.​quomodo.​com

 

Attention : les restrictions ne garantissent pas que votre utilisation de Google Maps sera gratuite. En cas de doute, nous vous invitons à consulter la tarification appliquée par Google ou à contacter le support commercial de Google.

 

Votre clé API est désormais prêtre à l’emploi. Vous n’avez plus qu’à la recopier dans votre Smartnote Carte ou Liste de points.

 

Rendez-vous sur notre page explicative détaillée.