{"id":1362,"date":"2019-12-12T00:21:08","date_gmt":"2019-12-12T07:21:08","guid":{"rendered":"https:\/\/help.fooevents.com\/docs\/topics\/events\/google-maps\/"},"modified":"2026-02-02T03:19:48","modified_gmt":"2026-02-02T11:19:48","slug":"google-maps","status":"publish","type":"docs","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/events\/google-maps\/","title":{"rendered":"Google Maps"},"content":{"rendered":"<p>FooEvents vous permet d'afficher des cartes sur vos \u00e9v\u00e9nements\/produits en utilisant Google Maps. Vous avez le choix entre deux m\u00e9thodes d'int\u00e9gration des cartes.<\/p>\n<p><strong>Choix d'une m\u00e9thode d'int\u00e9gration :<\/strong><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"alignnone size-full wp-image-146229\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45.png\" alt=\"FooEvents \/ Param\u00e8tres d&#039;int\u00e9gration de Google Maps\" width=\"630\" height=\"243\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45.png 630w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45-300x116.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-12.45.45-18x7.png 18w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><\/p>\n<ul>\n<li>Naviguez jusqu'\u00e0 <strong>FooEvents<\/strong> &gt; <strong>Param\u00e8tres<\/strong> &gt; <strong>Int\u00e9gration<\/strong> &gt; <strong>Google Maps<\/strong><\/li>\n<li>S\u00e9lectionner un <strong>M\u00e9thode d'int\u00e9gration des cartes<\/strong>:\n<ol>\n<li><strong>Iframe - Gratuit et ne n\u00e9cessite pas de cl\u00e9 API Google Maps<\/strong> - recommand\u00e9<\/li>\n<li><strong>JavaScript - N\u00e9cessite une cl\u00e9 API Google Maps payante<\/strong> - option h\u00e9rit\u00e9e du pass\u00e9 ; \u00e0 \u00e9viter<\/li>\n<\/ol>\n<\/li>\n<\/ul>\n<p><strong>M\u00e9thode 1 : Iframe - recommand\u00e9e<\/strong><\/p>\n<p>La m\u00e9thode iframe est simple, gratuite et facile \u00e0 mettre en place. Il suffit de s\u00e9lectionner la m\u00e9thode iframe et d'entrer les coordonn\u00e9es GPS de votre site lors de la modification de vos \u00e9v\u00e9nements (voir ci-dessous).<\/p>\n<p><strong>M\u00e9thode 2 : JavaScript - option payante ; \u00e0 \u00e9viter<\/strong><\/p>\n<p>La m\u00e9thode JavaScript est une ancienne option disponible avant l'introduction de la m\u00e9thode iframe. Elle n\u00e9cessite la mise en place d'une cl\u00e9 API Google Maps payante. Elle est \u00e9galement plus sujette aux conflits JavaScript avec les th\u00e8mes et les plugins tiers. C'est pourquoi nous vous recommandons d'utiliser l'option iframe, qui est plus robuste et offre des fonctionnalit\u00e9s similaires.<\/p>\n<p>Si vous d\u00e9cidez d'utiliser la m\u00e9thode JavaScript, vous devrez g\u00e9n\u00e9rer une cl\u00e9 API Google Maps. Veuillez suivre les instructions suivantes :<\/p>\n<div>\n<ul>\n<li>Vous pouvez g\u00e9n\u00e9rer un <strong>Cl\u00e9 API Google Maps<\/strong> en suivant ces instructions : <a href=\"https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key\" rel=\"noreferrer nofollow noopener\" target=\"_blank\">https:\/\/developers.google.com\/maps\/documentation\/javascript\/get-api-key<\/a><\/li>\n<li>Une fois que vous avez g\u00e9n\u00e9r\u00e9 un <strong>Cl\u00e9 API Google Maps<\/strong>, l'inscrire ici : <strong>FooEvents<\/strong> &gt; <strong>Param\u00e8tres<\/strong> &gt; <strong>Int\u00e9gration<\/strong> &gt; <strong>Cl\u00e9 API Google Maps<\/strong><\/li>\n<\/ul>\n<p><strong>Obtenir les coordonn\u00e9es GPS correctes :<\/strong><\/p>\n<p><em>Ce qui suit s'applique aux m\u00e9thodes d'int\u00e9gration iframe et JavaScript.<\/em><\/p>\n<p>Aller \u00e0 <a href=\"https:\/\/maps.google.com\/\" rel=\"nofollow noopener\" target=\"_blank\">maps.google.com<\/a> et recherchez votre lieu ou votre adresse. Une fois que vous l'avez trouv\u00e9, faites un clic droit sur le lieu, cliquez sur les coordonn\u00e9es et copiez-les dans votre presse-papiers. Collez-les dans le champ \u201c<strong>Coordonn\u00e9es de la carte Google<\/strong>\"lors de l'\u00e9dition de votre \u00e9v\u00e9nement dans votre <strong>Zone d'administration de WordPress<\/strong>.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-132517\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2021-06-11-at-11.47.51.png\" alt=\"\" width=\"512\" height=\"370\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2021-06-11-at-11.47.51.png 727w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2021-06-11-at-11.47.51-300x217.png 300w\" sizes=\"(max-width: 512px) 100vw, 512px\" \/><\/p>\n<p>Le format des coordonn\u00e9es de Google Maps doit \u00eatre le suivant : <strong>-26.13741, 28.00815<\/strong><\/p>\n<p>Si n\u00e9cessaire, vous pouvez convertir ce format \u00e0 l'aide de l'outil suivant :<\/p>\n<p><a href=\"http:\/\/www.gps-coordinates.net\/gps-coordinates-converter\" target=\"_blank\" rel=\"noopener noreferrer nofollow\">http:\/\/www.gps-coordinates.net\/gps-coordinates-converter<\/a><\/p>\n<p><strong>R\u00e9glage des coordonn\u00e9es GPS correctes :<\/strong><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-146230\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33.png\" alt=\"FooEvents \/ Param\u00e8tres des coordonn\u00e9es GPS de Google Maps\" width=\"629\" height=\"210\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33.png 925w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33-300x100.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33-768x257.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.11.33-18x6.png 18w\" sizes=\"(max-width: 629px) 100vw, 629px\" \/><\/p>\n<ul>\n<li>Naviguez jusqu'\u00e0 un produit pour lequel les \u00e9v\u00e9nements sont activ\u00e9s.<\/li>\n<li>Faites d\u00e9filer vers le bas jusqu'\u00e0 la rubrique <strong>Donn\u00e9es sur le produit<\/strong> onglets.<\/li>\n<li>Ouvrir le <strong>Param\u00e8tres de l'\u00e9v\u00e9nement<\/strong> et faites d\u00e9filer jusqu'\u00e0 l'onglet <strong>D\u00e9tails du lieu<\/strong> section.<\/li>\n<li>Saisir le <strong>Coordonn\u00e9es GPS<\/strong> dans le <strong>Coordonn\u00e9es de la carte Google<\/strong> domaine.<\/li>\n<\/ul>\n<p><strong>Affichage de la carte Google :<\/strong><\/p>\n<p>Naviguez jusqu'au produit sur la page d'accueil de votre site et faites d\u00e9filer jusqu'aux onglets du produit :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-146231\" src=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33.png\" alt=\"FooEvents \/ Int\u00e9gration de Google Maps\" width=\"808\" height=\"505\" title=\"\" srcset=\"https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33.png 808w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33-300x188.png 300w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33-768x480.png 768w, https:\/\/help.fooevents.com\/wp-content\/uploads\/2019\/12\/Screenshot-2026-02-02-at-13.14.33-18x12.png 18w\" sizes=\"(max-width: 808px) 100vw, 808px\" \/><\/p>\n<\/div>","protected":false},"featured_media":0,"parent":941,"menu_order":17,"comment_status":"open","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"doc_tag":[226,71,72,104],"class_list":["post-1362","docs","type-docs","status-publish","hentry","doc_tag-api","doc_tag-google-maps","doc_tag-gps","doc_tag-settings"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/comments?post=1362"}],"version-history":[{"count":2,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/1362\/revisions"}],"predecessor-version":[{"id":146232,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/1362\/revisions\/146232"}],"up":[{"embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/941"}],"next":[{"title":"R\u00e9unions et webinaires Zoom","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/events\/zoom-meetings-and-webinars\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/133863"}],"prev":[{"title":"Pages prot\u00e9g\u00e9es par un mot de passe","link":"https:\/\/help.fooevents.com\/fr\/docs\/topics\/events\/password-protected-pages\/","href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/docs\/2627"}],"wp:attachment":[{"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/media?parent=1362"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/help.fooevents.com\/fr\/wp-json\/wp\/v2\/doc_tag?post=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}