L’in­té­gra­tion de Google Maps à des sites Web ou ap­pli­ca­tions offre un aspect pro­fes­sion­nel à votre présence en ligne, ainsi qu’une meilleure ex­pé­rience d’uti­li­sa­tion. Pour cela, des clés API Google Maps sont né­ces­saires : elles sont créées et utilisées via votre compte Google et la page Google Maps destinée aux dé­ve­lop­peurs.

Qu’est-ce qu’une clé API Google Maps ?

Si vous souhaitez intégrer des fonctions de Google Maps, comme une carte, à votre site Web ou ap­pli­ca­tion, vous avez besoin d’un accès à l’API. L’accès est fourni via l’interface de pro­gram­ma­tion, ou API sous sa forme anglaise abrégée, qui assure le transfert de données et l’uti­li­sa­tion inter-ap­pli­ca­tions de Google Maps. Si vous souhaitez utiliser l’API de Google Maps, vous devez posséder une clé API Google Maps unique et secrète.

La clé d’au­then­ti­fi­ca­tion identifie l’accès autorisé à l’API et autorise le transfert sans erreur de données et fonctions de Google Maps. Selon la manière dont vous intégrez Google Maps, Google contrôle également, à l’aide de la clé API, si le nombre d’accès ne dépasse pas la limite gratuite.

Quels sont les avantages à l’in­té­gra­tion de Google Maps ?

L’in­té­gra­tion de Google Maps favorise une présence pro­fes­sion­nelle et valorise les sites Web et ap­pli­ca­tions. Par ailleurs, Google Maps propose diverses API ayant chacune leurs avantages et des palettes de fonctions variées. Grâce aux cartes Google intégrées et à leurs fonctions, la lo­ca­li­sa­tion de votre en­tre­prise ou l’ex­pé­rience d’uti­li­sa­tion de vos services en ligne est optimisée et peut être partagée.

Pour intégrer Google Maps, vous pouvez par exemple utiliser WordPress pour Google Maps avec ou sans module com­plé­men­taire. La plus-value en termes d’ex­pé­rience d’uti­li­sa­tion des clients est in­con­tes­table pour votre présence en ligne.

Par ailleurs, si vous souhaitez intégrer des cartes à votre site Web sans utiliser Google Maps, il existe des al­ter­na­tives à Google Maps, comme Apple Maps, Waze ou Maps.me.

API de IONOS pour dé­ve­lop­peurs
Gérez vos produits d'hé­ber­ge­ment grâce à notre puissante API
  • En­re­gis­tre­ments DNS
  • Ad­mi­nis­tra­tion SSL
  • Do­cu­men­ta­tion API

Activer l’API Google Maps

Avant de générer et d’intégrer une clé API, vous devez d’abord activer les API sou­hai­tées de Google Maps. La clé res­pec­tive s’applique à chaque API et permet le transfert de données et de fonctions.

Étape 1 : commencez par ouvrir la Google Cloud Platform et connectez-vous. Cliquez sur le menu « API et services », puis sur « Bi­blio­thèque ».

Image: Le sous-menu « Bibliothèque » s’affichant sous l’option de menu « API et services »
Le sous-menu « Bi­blio­thèque » de l’option « API et services », avec toutes les API dis­po­nibles dans la Google Cloud Platform.

Étape 2: dans la bi­blio­thèque, cliquez sur « Cartes ». Vous voyez à présent un aperçu des API pour Google Maps. Ces API sont les suivantes :

  • Geo­lo­ca­tion API : pour localiser le visiteur de la page
  • Maps Embed API : pour intégrer une carte standard sous la forme d’un iFrame
  • Maps Ja­vaS­cript API : pour intégrer la carte en Ja­vaS­cript, pour un meilleur contrôle et une plus grande in­te­rac­ti­vité
  • Maps Static API : pour intégrer une carte sous la forme d’une image statique
  • Places API : pour trouver et re­pré­sen­ter des adresses spé­ci­fiques sur la carte
Image: API Google Maps
En cliquant sur « Cartes », vous ob­tien­drez un aperçu de toutes les API Google Maps dis­po­nibles.

Si toutes les API ou si l’API souhaitée n’ap­pa­rais­sent/n’apparaît pas au­to­ma­ti­que­ment dans la bi­blio­thèque, utilisez la fonction de recherche.

Étape 3 : sé­lec­tion­nez l’API cor­res­pon­dante et ouvrez-la dans la vue détaillée. Cliquez ensuite sur le bouton « Activer ».

Image: Activation de l’API Google Maps
Avant de pouvoir utiliser une API Google Maps sé­lec­tion­née, vous devez l’activer.

Con­di­tions préa­lables à une clé API Google Maps

Afin de pouvoir créer une clé API, vous avez non seulement besoin d’un compte Google, mais également d’un compte de fac­tu­ra­tion pour la Google Maps Platform. Même si vous recourez aux services de Google Maps dans le cadre d’une uti­li­sa­tion gratuite, vous devez obli­ga­toi­re­ment posséder un compte de fac­tu­ra­tion. De plus, vous devez au moins associer une clé API à un projet ou à un service dans lequel vous intégrez Maps.

Créer une clé API Google Maps

Étape 1 : ouvrez la console de la Google Cloud Platform et cliquez sur « Sé­lec­tion­ner un projet ».

Étape 2 : sé­lec­tion­nez ensuite le projet cor­res­pon­dant pour la clé API et créez un nouveau projet. Dans le coin supérieur gauche, cliquez sur le symbole du menu, puis, dans le menu, cliquez sur « API et services », puis sur « Iden­ti­fiants ».

Image: Identifiants sous « API et services »
Pour créer les clés API, cliquez sur « Iden­ti­fiants » sous le menu « API et services ».

Étape 3 : dans le menu Iden­ti­fiants, cliquez sur « Créer des iden­ti­fiants », puis sur « Clé API ». Dans la boîte de dialogue « Clé API créée », vous voyez à présent la clé API créée dans le champ « Votre clé API ». Dans le menu Iden­ti­fiants, la clé créée est également visible, parmi toutes les autres clés API pré­cé­dentes ré­per­to­riées. La clé API sert ensuite à être intégrée dans votre code, dans les pa­ra­mètres d’un module com­plé­men­taire ou dans votre SGC (Système de Gestion de Contenu).

Conseil

Vous souhaitez également savoir comment créer des clés API pour ChatGPT, Steam, Open­Wea­ther ou YouTube ? Consultez alors nos guides sur ce thème :

Res­treindre une clé API pour Google Maps

Dans la boîte de dialogue « Clé API créée », Google indique que vous devez res­treindre la clé API. En ap­pli­quant une res­tric­tion, vous empêchez que des services ou personnes non autorisé(e)s utilisent la clé. Pour res­treindre la clé, cliquez di­rec­te­ment sur « Res­treindre la clé » après la création de cette dernière. Pour res­treindre la clé ul­té­rieu­re­ment, cliquez sur « Sé­lec­tion­ner un projet » dans la console Google Cloud afin de choisir le projet cor­res­pon­dant, puis, dans le menu supérieur gauche, cliquez sur « API et services », puis sur « Iden­ti­fiants ». Sé­lec­tion­nez alors la clé.

Voici les res­tric­tions dis­po­nibles :

  • Res­tric­tions relatives aux ap­pli­ca­tions
  • Res­tric­tions liées aux sites Web
  • Res­tric­tions relatives aux API

Utiliser une clé API pour Google Maps

Pour utiliser la clé, copiez-la et intégrez-la à du code HTML, des pa­ra­mètres de module com­plé­men­taire ou dans un SGC à l’em­pla­ce­ment approprié. Pour utiliser un extrait de code pour l’in­té­gra­tion de Google Maps, vous devez remplacer la partie « YOUR_API_KEY » par la clé cor­res­pon­dante.

Aller au menu principal