{"id":19667,"date":"2020-11-06T10:36:32","date_gmt":"2020-11-06T09:36:32","guid":{"rendered":"https:\/\/wpmarmite.com\/?p=19667"},"modified":"2021-02-01T18:34:10","modified_gmt":"2021-02-01T17:34:10","slug":"google-maps-wordpress","status":"publish","type":"post","link":"https:\/\/wpmarmite.com\/google-maps-wordpress\/","title":{"rendered":"Comment int\u00e9grer Google Maps sur WordPress facilement (avec ou sans plugin)"},"content":{"rendered":"\n<p>Un fant\u00f4me tapi dans le ch\u00e2teau d\u2019\u00c9dimbourg, un cimeti\u00e8re d\u2019avions aux \u00c9tats-Unis ou encore une \u00e9toile satanique : voil\u00e0 ce qu\u2019auraient un jour aper\u00e7u certains utilisateurs de Google Maps, en utilisant l\u2019option <em>Street View <\/em>(Vue de rue).<\/p>\n\n\n\n<p>Depuis son lancement en France, en 2006, le service de cartographie de Google g\u00e9n\u00e8re quelques histoires disons&#8230; farfelues.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter\"><img fetchpriority=\"high\" decoding=\"async\" width=\"400\" height=\"300\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/02\/fantome.gif\" alt=\"Fant\u00f4me \" class=\"wp-image-19770\"\/><\/figure><\/div>\n\n\n\n<p>\u00c7a vous fait marrer ? Y\u2019a de quoi. Mais vous voulez aussi du concret, n\u2019est-ce pas ? Parce qu\u2019apr\u00e8s tout, les histoires \u00e0 dormir debout, \u00e7a va 5 minutes.<\/p>\n\n\n\n<p>Par exemple, que diriez-vous de d\u00e9couvrir <strong>comment int\u00e9grer Google Maps sur WordPress<\/strong> <strong>?<\/strong>&nbsp;<\/p>\n\n\n\n<p>\u00c7a vous tente ? Alors, suivez le guide. Tout au long de votre itin\u00e9raire balis\u00e9, vous verrez comment proc\u00e9der manuellement, mais aussi \u00e0 l\u2019aide d\u2019une extension.&nbsp;<\/p>\n\n\n\n<p>On a pris le soin d\u2019en tester plus d\u2019une dizaine pour vous aider \u00e0 faire le meilleur choix. Mais je ne vous en dis pas plus. Consultez le sommaire pour d\u00e9couvrir le menu du jour, \u00e0 la carte, bien s\u00fbr.<\/p>\n\n\n\n<p class=\"has-note-background-color has-background\"><em>Initialement r\u00e9dig\u00e9 en mars 2018, cet article a \u00e9t\u00e9 mis \u00e0 jour en novembre 2020.<\/em><\/p>\n\n\n\n<div class=\"wp-block-advanced-gutenberg-blocks-summary\"><p class=\"wp-block-advanced-gutenberg-blocks-summary__title\">Sommaire<\/p><div class=\"wp-block-advanced-gutenberg-blocks-summary__fold\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-chevron-up\"><polyline points=\"18 15 12 9 6 15\"><\/polyline><\/svg><\/div><ol role=\"directory\" class=\"wp-block-advanced-gutenberg-blocks-summary__list\"><li><a href=\"#pourquoi-int\u00e9grer-une-google-maps-sur-votre-site-wordpress\">Pourquoi int\u00e9grer une Google Maps sur votre site WordPress ?<\/a><ol><\/ol><\/li><li><a href=\"#comment-int\u00e9grer-google-maps-sur-wordpress-sans-plugin\">Comment int\u00e9grer Google Maps sur WordPress sans plugin ?<\/a><ol><\/ol><\/li><li><a href=\"#comment-cr\u00e9er-une-cl\u00e9-api-google-maps\">Comment cr\u00e9er une cl\u00e9 API Google Maps ?<\/a><ol><\/ol><\/li><li><a href=\"#4-extensions-google-maps-d\u00e9cortiqu\u00e9es\">4 extensions Google Maps d\u00e9cortiqu\u00e9es<\/a><ol><\/ol><\/li><li><a href=\"#pourquoi-ces-extensions-google-maps-ne-figurent-elles-pas-\u00e0-la-carte\">Pourquoi ces extensions Google Maps ne figurent-elles pas \u00e0 la carte ?<\/a><ol><\/ol><\/li><li><a href=\"#d\u2019autres-solutions-mon-capitaine\">D\u2019autres solutions, mon capitaine ?<\/a><ol><\/ol><\/li><li><a href=\"#distribution-finale-des-cartes\">Distribution finale des cartes<\/a><ol><\/ol><\/li><\/ol><\/div>\n\n\n<style>.elementor-29957 .elementor-element.elementor-element-129237fd:not(.elementor-motion-effects-element-type-background), .elementor-29957 .elementor-element.elementor-element-129237fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(-90deg, #00579a 3%, #201f98 100%);}.elementor-29957 .elementor-element.elementor-element-129237fd, .elementor-29957 .elementor-element.elementor-element-129237fd > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-29957 .elementor-element.elementor-element-129237fd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-29957 .elementor-element.elementor-element-129237fd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29957 .elementor-element.elementor-element-69cf5051 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-29957 .elementor-element.elementor-element-6465cc70 .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#ffffff;}.elementor-29957 .elementor-element.elementor-element-54c9c7c8{font-size:2rem;color:#ffffff;}.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button{font-weight:700;text-transform:uppercase;background-color:#ff5b23;}.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button:hover, .elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button:focus{background-color:#e94b14;}.elementor-29957 .elementor-element.elementor-element-58a75293 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-29957 .elementor-element.elementor-element-56f6038 img{border-radius:6px 6px 6px 6px;}@media(min-width:768px){.elementor-29957 .elementor-element.elementor-element-69cf5051{width:69.048%;}.elementor-29957 .elementor-element.elementor-element-43f20274{width:31.034%;}}\/* Start custom CSS for text-editor, class: .elementor-element-54c9c7c8 *\/.elementor-29957 .elementor-element.elementor-element-54c9c7c8 p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-58a75293 *\/.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button-link{\n    background-color: #ff5b23 !important;\n    margin:15px 0 0 !important;\n}\n\n.elementor-29957 .elementor-element.elementor-element-58a75293 .elementor-button-link:hover{\n    background-color:#E94B14 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"29957\" class=\"elementor elementor-29957\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-color=\"#00579a\" class=\"elementor-section elementor-top-section elementor-element elementor-element-129237fd elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"129237fd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-69cf5051\" data-id=\"69cf5051\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-6465cc70 elementor-widget elementor-widget-heading\" data-id=\"6465cc70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">H\u00e9bergez votre site chez o2switch<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-54c9c7c8 elementor-widget elementor-widget-text-editor\" data-id=\"54c9c7c8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Faites comme WPMarmite, choisissez o2switch. Non seulement <strong>les performances sont au rendez-vous<\/strong> mais le support est exceptionnel.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-58a75293 elementor-widget elementor-widget-button\" data-id=\"58a75293\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/link.wpmarmite.com\/cta-o2switch\" target=\"_blank\" id=\"CTA_O2switchContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">ESSAYEZ O2SWITCH<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-43f20274\" data-id=\"43f20274\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-56f6038 elementor-widget elementor-widget-image\" data-id=\"56f6038\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" width=\"450\" height=\"422\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/o2switch-logo-tigre.png\" class=\"attachment-full size-full wp-image-39721\" alt=\"o2switch\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/o2switch-logo-tigre.png 450w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/o2switch-logo-tigre-300x281.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<h2 class=\"wp-block-heading\" id=\"pourquoi-int\u00e9grer-une-google-maps-sur-votre-site-wordpress\">Pourquoi int\u00e9grer une Google Maps sur votre site WordPress ?<\/h2>\n\n\n\n<p>Pour d\u00e9buter cet article, il me semble utile de pr\u00e9ciser pourquoi int\u00e9grer une carte sur votre site. Cela permet notamment :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>d\u2019ajouter un \u00e9l\u00e9ment graphique et design<\/strong> pour faciliter une prise de contact et\/ou situer un lieu.<\/li><li><strong>d\u2019apporter de la preuve sociale<\/strong>, en pr\u00e9sentant par exemple la localisation de personnes qui utilisent votre produit ou service.<\/li><li><strong>de communiquer sur des \u00e9l\u00e9ments locaux<\/strong>, comme des points de vente (store locator, en anglais) ou encore des horaires d\u2019ouverture d\u2019une boutique.<\/li><li><strong>de proposer un itin\u00e9raire<\/strong> afin d\u2019aider les visiteurs \u00e0 se rendre \u00e0 destination facilement.<\/li><li><strong>de g\u00e9olocaliser des contenus<\/strong> : par exemple, vous \u00e9crivez un article sur un atoll polyn\u00e9sien et vous aimeriez le situer sur une carte pour vos lecteurs.<\/li><\/ul>\n\n\n\n<p>Voil\u00e0 pas mal de bonnes raisons de ne pas vous en priver, vous ne trouvez pas ?<\/p>\n\n\n\n<p>Sans plus attendre, d\u00e9couvrez le mode op\u00e9ratoire pour vous permettre d\u2019ajouter une Google Map sur WordPress.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"comment-int\u00e9grer-google-maps-sur-wordpress-sans-plugin\">Comment int\u00e9grer Google Maps sur WordPress sans plugin ?<\/h2>\n\n\n\n<p>Tout d\u2019abord, sachez qu\u2019il est tout \u00e0 fait possible d\u2019int\u00e9grer Google Maps sur WordPress sans plugin.&nbsp;<\/p>\n\n\n\n<p>Alors, \u00e0 la main, on fait comment ? En fait, il suffit d\u2019utiliser un <strong>\u201cembed code\u201d (code d\u2019int\u00e9gration)<\/strong>.<\/p>\n\n\n\n<p>Pour cela, rendez-vous sur Google Maps, et entrez une adresse. Par exemple, la Place de la Concorde, \u00e0 Paris.<\/p>\n\n\n\n<p>Ensuite, cliquez sur le menu hamburger situ\u00e9 en haut de votre fen\u00eatre, sur la gauche.&nbsp;<\/p>\n\n\n\n<p>S\u00e9lectionnez&nbsp; le sous-menu \u201cPartager ou int\u00e9grer la carte\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img decoding=\"async\" width=\"2048\" height=\"1768\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-scaled.jpg\" alt=\"Partager une Google Maps sur WordPress avec la m\u00e9thode manuelle\" class=\"wp-image-44092\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-scaled.jpg 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-300x259.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-1024x884.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-768x663.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-1536x1326.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/partgaer-carte-google-maps-1360x1174.jpg 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p>Dans la fen\u00eatre suivante, qui s\u2019ouvre en surbrillance, <strong>copiez le lien HTML qui commence par <code>&lt;iframe src=&gt;<\/code><\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1272\" height=\"1304\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-google-maps-wordpress.jpg\" alt=\"iframe Google Maps\" class=\"wp-image-44094\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-google-maps-wordpress.jpg 1272w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-google-maps-wordpress-293x300.jpg 293w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-google-maps-wordpress-999x1024.jpg 999w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-google-maps-wordpress-768x787.jpg 768w\" sizes=\"(max-width: 1272px) 100vw, 1272px\" \/><\/figure>\n\n\n\n<p>Poursuivez en vous rendant sur le Tableau de bord de votre site WordPress. Dirigez-vous sur la <a href=\"https:\/\/wpmarmite.com\/glossaire\/page\/\" target=\"_blank\" rel=\"noreferrer noopener\">page<\/a> ou l\u2019<a href=\"https:\/\/wpmarmite.com\/glossaire\/article\/\" target=\"_blank\" rel=\"noreferrer noopener\">article<\/a> de votre choix.<\/p>\n\n\n\n<p><strong>Ajoutez un bloc \u201cHTML personnalis\u00e9\u201d<\/strong> \u00e0 l\u2019aide de <a href=\"https:\/\/wpmarmite.com\/gutenberg-wordpress-2020\/\" target=\"_blank\" rel=\"noreferrer noopener\">l\u2019\u00e9diteur de contenu par d\u00e9faut (Gutenberg)<\/a> o\u00f9 vous le souhaitez au sein de votre contenu. Bloc qui contient le lien HTML copi\u00e9 sur Google Maps, bien s\u00fbr.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1534\" height=\"1078\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-wordpress.jpg\" alt=\"Ajout d'une Google Maps sur WordPress \u00e0 la main\" class=\"wp-image-44095\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-wordpress.jpg 1534w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-wordpress-300x211.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-wordpress-1024x720.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-wordpress-768x540.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/iframe-wordpress-1360x956.jpg 1360w\" sizes=\"(max-width: 1534px) 100vw, 1534px\" \/><\/figure>\n\n\n\n<p>Enfin, cliquez sur \u201cPr\u00e9visualiser\u201d pour voir votre carte s\u2019afficher :<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1438\" height=\"1350\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/previsualiser-google-maps.jpg\" alt=\"Pr\u00e9visualiser une Google Map\" class=\"wp-image-44097\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/previsualiser-google-maps.jpg 1438w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/previsualiser-google-maps-300x282.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/previsualiser-google-maps-1024x961.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/previsualiser-google-maps-768x721.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/previsualiser-google-maps-1360x1277.jpg 1360w\" sizes=\"(max-width: 1438px) 100vw, 1438px\" \/><\/figure>\n\n\n\n<p>Et voil\u00e0, le tour est jou\u00e9 !<\/p>\n\n\n\n<p>Comme vous le voyez, rien de savant dans cette manipulation. C\u2019est rapide, facile, et en plus \u00e7a marche.&nbsp;<\/p>\n\n\n\n<p><strong>Dans la plupart des cas, la m\u00e9thode manuelle sera largement suffisante.<\/strong> D\u2019ailleurs, on en est rest\u00e9 l\u00e0 dans la formation WPChef, qui vous apprend \u00e0 devenir autonome avec WordPress \u00e0 distance.<\/p>\n\n\n<style>.elementor-29896 .elementor-element.elementor-element-4b03cf2:not(.elementor-motion-effects-element-type-background), .elementor-29896 .elementor-element.elementor-element-4b03cf2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/pakshot3.jpg\");background-position:top left;background-repeat:no-repeat;background-size:cover;}.elementor-29896 .elementor-element.elementor-element-4b03cf2 > .elementor-background-overlay{background-color:#007181;opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29896 .elementor-element.elementor-element-4b03cf2, .elementor-29896 .elementor-element.elementor-element-4b03cf2 > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-29896 .elementor-element.elementor-element-4b03cf2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:2em 2em 2em 2em;}.elementor-29896 .elementor-element.elementor-element-24209cc > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-29896 .elementor-element.elementor-element-24209cc > .elementor-element-populated{margin:0em 2em 0em 0em;--e-column-margin-right:2em;--e-column-margin-left:0em;}.elementor-29896 .elementor-element.elementor-element-7313883 .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#ffffff;}.elementor-29896 .elementor-element.elementor-element-b552037{font-size:2rem;color:#ffffff;}.elementor-29896 .elementor-element.elementor-element-1d8699b > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-29896 .elementor-element.elementor-element-a93ead5 .elementor-button{font-size:0.9em;font-weight:700;text-transform:uppercase;background-color:#ec5a70;}.elementor-29896 .elementor-element.elementor-element-a93ead5 .elementor-button:hover, .elementor-29896 .elementor-element.elementor-element-a93ead5 .elementor-button:focus{background-color:#d75266;}.elementor-29896 .elementor-element.elementor-element-2b8da11{width:var( --container-widget-width, 80px );max-width:80px;--container-widget-width:80px;--container-widget-flex-grow:0;}.elementor-29896 .elementor-element.elementor-element-a34df97 img{width:180px;}@media(min-width:768px){.elementor-29896 .elementor-element.elementor-element-24209cc{width:76.117%;}.elementor-29896 .elementor-element.elementor-element-336a7db{width:60%;}.elementor-29896 .elementor-element.elementor-element-da8a2fe{width:39.836%;}.elementor-29896 .elementor-element.elementor-element-ad06f10{width:23.965%;}}\/* Start custom CSS for text-editor, class: .elementor-element-b552037 *\/.elementor-29896 .elementor-element.elementor-element-b552037 p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-a93ead5 *\/.elementor-29896 .elementor-element.elementor-element-a93ead5 .elementor-button-link{\n    background-color: #EC5A70 !important;\n}\n\n.elementor-29896 .elementor-element.elementor-element-a93ead5 .elementor-button-link:hover{\n    background-color:#D75266 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"29896\" class=\"elementor elementor-29896\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-overlay-color=\"#007181\" data-dce-background-image-url=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/pakshot3.jpg\" class=\"elementor-section elementor-top-section elementor-element elementor-element-4b03cf2 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4b03cf2\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;background_motion_fx_motion_fx_scrolling&quot;:&quot;yes&quot;,&quot;background_motion_fx_devices&quot;:[&quot;desktop&quot;,&quot;tablet&quot;,&quot;mobile&quot;]}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-24209cc\" data-id=\"24209cc\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-7313883 elementor-widget elementor-widget-heading\" data-id=\"7313883\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Formez-vous \u00e0 WordPress en 2 mois<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-b552037 elementor-widget elementor-widget-text-editor\" data-id=\"b552037\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Et livrez des sites professionnels \u00e0 vos clients ! Suivez le programme de r\u00e9f\u00e9rence pour apprendre WordPress, obtenir une certification reconnue et en faire votre m\u00e9tier. (\u00e9ligible au CPF)<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1d8699b elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1d8699b\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-336a7db\" data-id=\"336a7db\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a93ead5 elementor-widget elementor-widget-button\" data-id=\"a93ead5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/wpchef.fr\/wordpress\/\" target=\"_blank\" id=\"CTA_WPChefContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir le programme<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-inner-column elementor-element elementor-element-da8a2fe\" data-id=\"da8a2fe\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2b8da11 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"2b8da11\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"385\" height=\"385\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/macaron-mcf.webp\" class=\"attachment-medium_large size-medium_large wp-image-89931\" alt=\"\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/macaron-mcf.webp 385w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/macaron-mcf-300x300.webp 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/macaron-mcf-150x150.webp 150w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ad06f10\" data-id=\"ad06f10\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a34df97 elementor-widget elementor-widget-image\" data-id=\"a34df97\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"886\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/wpchef-768x886.png\" class=\"attachment-medium_large size-medium_large wp-image-29902\" alt=\"WPChef, la formation WordPress de r\u00e9f\u00e9rence\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/wpchef-768x886.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/wpchef-260x300.png 260w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/wpchef.png 867w\" sizes=\"(max-width: 768px) 100vw, 768px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<p>Cependant, il y a deux limites \u00e0 cette fa\u00e7on d\u2019agir :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>vous devrez vous contenter de l\u2019affichage par d\u00e9faut <\/strong>(\u00e0 cause du manque d\u2019options de personnalisation) ;<\/li><li>si vous devez souvent int\u00e9grer des cartes \u00e0 vos contenus, <strong>opter pour le code d\u2019int\u00e9gration \u00e0 chaque fois risque d\u2019\u00eatre tr\u00e8s fastidieux<\/strong>.<\/li><\/ul>\n\n\n\n<p>Pour rendre votre carte plus attrayante et interactive pour vos lecteurs, <strong>il va falloir vous tourner vers une extension<\/strong>.<\/p>\n\n\n\n<p>Avant de vous en pr\u00e9senter quelques-unes, pr\u00e9cisons que l\u2019usage d\u2019une extension n\u00e9cessite l\u2019utilisation d\u2019une cl\u00e9 API.&nbsp;<\/p>\n\n\n\n<p>En obtenir une n\u2019est pas chose ais\u00e9e. Du coup, pour vous aider, je vous d\u00e9taille en pr\u00e9ambule comment proc\u00e9der dans la partie suivante.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"comment-cr\u00e9er-une-cl\u00e9-api-google-maps\">Comment cr\u00e9er une cl\u00e9 API Google Maps ?<\/h2>\n\n\n\n<p>Google Maps reste un service incontournable et populaire, l\u2019une des r\u00e9f\u00e9rences sur le march\u00e9.<\/p>\n\n\n\n<p>Gratuit et simple \u00e0 utiliser, il a aussi l\u2019avantage de poss\u00e9der une interface connue de tous. Par contre, depuis 2018, son utilisation requiert l\u2019utilisation de cette fameuse cl\u00e9 API.&nbsp;<\/p>\n\n\n\n<p>Cette cl\u00e9 vous sera r\u00e9clam\u00e9e par la quasi-totalit\u00e9 des extensions pr\u00e9sent\u00e9es au cours de cet article.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Une cl\u00e9 API, mais pour quoi faire ?<\/h3>\n\n\n\n<p>Pour bien comprendre ce que signifie ce terme barbare de \u201ccl\u00e9 API\u201d, d\u00e9finissons-le.<\/p>\n\n\n\n<p>API est l\u2019acronyme d\u2019<em>Application Programming Interface <\/em>(interface de programmation d\u2019application).<\/p>\n\n\n\n<p><a href=\"https:\/\/www.agencedebord.com\/api-definition-utilisation\/\" target=\"_blank\" rel=\"noreferrer noopener\">Comme expliqu\u00e9 tr\u00e8s clairement dans cet article<\/a>, <em>\u201cune API permet de rendre disponibles les donn\u00e9es ou les fonctionnalit\u00e9s d\u2019une application existante afin que d\u2019autres applications les utilisent.\u201d<\/em>&nbsp;<\/p>\n\n\n\n<p>Depuis le 11 juin 2018, <a href=\"https:\/\/cloud.google.com\/blog\/products\/maps-platform\/introducing-google-maps-platform\" target=\"_blank\" rel=\"noreferrer noopener\">Google requiert deux choses<\/a> pour l\u2019utilisation gratuite de son service Maps :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>cette fameuse cl\u00e9 API<\/strong> ;<\/li><li><strong>un compte de facturation sur sa plateforme Google Cloud<\/strong> (aucune somme ne vous sera pr\u00e9lev\u00e9e).<\/li><\/ul>\n\n\n\n<p>Concernant la facturation, pas de panique. Si elle fonctionne sur le principe du <em>\u201cpaiement \u00e0 l\u2019usage\u201d<\/em>, Google \u201ccompense\u201d pour vous permettre d\u2019utiliser gratuitement son service.<\/p>\n\n\n\n<p>Pour cela, il cr\u00e9dite mensuellement chaque compte de facturation de 300$. Cette somme couvre largement les usages de l\u2019immense majorit\u00e9 des sites.<\/p>\n\n\n\n<p>\u00c0 moins de poss\u00e9der un site au trafic \u00e9norme, sur lequel les visiteurs chargent continuellement vos cartes, soyez rassur\u00e9 : <strong>vous ne d\u00e9bourserez pas un centime pour vous servir de Google Maps<\/strong>.<\/p>\n\n\n\n<p>Pour avoir une id\u00e9e des limites fix\u00e9es par le service de Google, vous pouvez consulter <a href=\"https:\/\/cloud.google.com\/maps-platform\/pricing\/sheet\/\" target=\"_blank\" rel=\"noreferrer noopener\">sa grille tarifaire<\/a>.&nbsp;<\/p>\n\n\n\n<p>En r\u00e9sum\u00e9 : la principale contrainte ici n\u2019est pas budg\u00e9taire, plut\u00f4t logistique : Google vous oblige \u00e0 cr\u00e9er un compte sur sa plateforme et \u00e0 entrer vos coordonn\u00e9es bancaires (je le r\u00e9p\u00e8te, sans vous pr\u00e9lever) pour pouvoir utiliser l\u2019une de ses cl\u00e9s API.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Obtenir un cl\u00e9 API Google Maps en deux \u00e9tapes&nbsp;<\/h3>\n\n\n\n<p class=\"has-info-background-color has-background\"><em>Pr\u00e9-requis<\/em><em> : Vous devez poss\u00e9der un compte Google.<\/em>&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Etape 1 : Cr\u00e9er un compte de facturation sur la Google Maps Platform<\/h4>\n\n\n\n<p>Rendez-vous sur la <a href=\"https:\/\/cloud.google.com\/maps-platform\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Maps Platform<\/a> et cliquez sur le bouton bleu \u201cPremiers pas\u201d.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1296\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-scaled.jpg\" alt=\"Premiers pas Google Map Platform\" class=\"wp-image-44098\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-scaled.jpg 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-300x190.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-1024x648.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-768x486.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-1536x972.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-wordpress-platform-1360x861.jpg 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p>Si ce n\u2019est pas encore votre cas, Google va vous demander d\u2019activer la facturation sur le projet que vous allez cr\u00e9er.<\/p>\n\n\n\n<p>Pour cela, choisissez \u201cCr\u00e9er un compte de facturation\u201d dans la fen\u00eatre qui s\u2019est ouverte en surbrillance.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"421\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/creer-compte-facturation-1024x421.jpg\" alt=\"Activer facturation Google Platform\" class=\"wp-image-44099\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/creer-compte-facturation-1024x421.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/creer-compte-facturation-300x123.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/creer-compte-facturation-768x316.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/creer-compte-facturation.jpg 1104w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p>Remplissez ensuite les informations requises. Comme Google l\u2019indique, <em>\u201cnous vous demandons d&#8217;indiquer les informations de votre carte de paiement pour v\u00e9rifier que vous n&#8217;\u00eates pas un robot. Votre compte ne sera pas d\u00e9bit\u00e9, sauf si vous d\u00e9cidez de passer manuellement \u00e0 un compte payant.\u201d<\/em>.<\/p>\n\n\n\n<p>Une fois vos informations renseign\u00e9es (nom, adresse, type de paiement, mode de paiement), cliquez sur le bouton bleu \u201cD\u00e9marrer l\u2019essai gratuit\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/type-paiement-google-maps-1024x945.jpg\" alt=\"Type paiement Google Maps\" class=\"wp-image-44100\" width=\"403\" height=\"372\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/type-paiement-google-maps-1024x945.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/type-paiement-google-maps-300x277.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/type-paiement-google-maps-768x709.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/type-paiement-google-maps.jpg 1170w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/figure><\/div>\n\n\n\n<p class=\"has-note-background-color has-background\"><em>Une fois que vous aurez rempli vos informations (nom, adresse, mode de paiement, etc.), <strong>vous devrez v\u00e9rifier votre mode de paiement<\/strong> (votre carte ou compte bancaire).<br>Il y aura cette derni\u00e8re \u00e9tape de v\u00e9rification par Google avant de pouvoir commencer votre essai gratuit sur la plateforme Google Maps. Gardez cela \u00e0 l&#8217;esprit en termes de temps de configuration.<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Etape 2 : Activer votre cl\u00e9 API<\/h4>\n\n\n\n<p>Poursuivez en s\u00e9lectionnant le produit qui vous int\u00e9resse. Nous souhaitons utiliser une API Google Maps. Dans ce cas, cochez la case \u201cMaps\u201d, et cliquez sur \u201cActiver\u201d.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/activer-maps-1024x586.jpg\" alt=\"Choisir Maps sur la Google Platform\" class=\"wp-image-44101\" width=\"506\" height=\"289\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/activer-maps-1024x586.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/activer-maps-300x172.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/activer-maps-768x440.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/activer-maps.jpg 1352w\" sizes=\"(max-width: 506px) 100vw, 506px\" \/><\/figure><\/div>\n\n\n\n<p>Votre cl\u00e9 API va automatiquement \u00eatre g\u00e9n\u00e9r\u00e9e.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/le-api-google-maps-1024x771.jpg\" alt=\"Activer Google Maps Platform\" class=\"wp-image-44102\" width=\"463\" height=\"348\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/le-api-google-maps-1024x771.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/le-api-google-maps-300x226.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/le-api-google-maps-768x578.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/le-api-google-maps.jpg 1100w\" sizes=\"(max-width: 463px) 100vw, 463px\" \/><\/figure><\/div>\n\n\n\n<p>Autre cas possible (si vous partez de z\u00e9ro), une fois votre v\u00e9rification de compte effectu\u00e9e, vous serez redirig\u00e9 vers plusieurs choix d&#8217;API. Si ce n&#8217;est pas le cas, vous devrez vous y rendre \u00e0 partir du tableau de bord principal. <\/p>\n\n\n\n<p>Utilisez la barre de recherche sup\u00e9rieure et tapez &#8220;api&#8221; puis choisissez &#8220;API&#8221; de Google Maps Platform dans les r\u00e9sultats de la recherche :<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><a href=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"417\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform.png\" alt=\"Recherche API dans la barre de recherche de Google Maps Platform\" class=\"wp-image-49159\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform-300x61.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform-1024x209.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform-768x156.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform-1536x313.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/recherche-api-google-maps-platform-1360x277.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n\n\n\n<p>S\u00e9lectionnez le produit que vous souhaitez puis activez-le. <\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><a href=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps.png\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1532\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps.png\" alt=\"API et services Google Maps sur la Google Maps Platform\" class=\"wp-image-49163\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps-300x224.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps-1024x766.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps-768x575.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps-1536x1149.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/api-services-google-maps-1360x1017.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n\n\n\n<p>Votre cl\u00e9 API sera g\u00e9n\u00e9r\u00e9e automatiquement. Dans le cas contraire, <a href=\"https:\/\/developers.google.com\/maps\/documentation\/embed\/get-api-key\" target=\"_blank\" rel=\"noreferrer noopener\">suivez les \u00e9tapes d\u00e9taill\u00e9es ici<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><a href=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1276\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps.jpg\" alt=\"Cr\u00e9er un identifiant pour g\u00e9n\u00e9rer une cl\u00e9 API pour Google Maps\" class=\"wp-image-49187\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps.jpg 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps-300x187.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps-1024x638.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps-768x479.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps-1536x957.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2021\/02\/cle-api-google-maps-1360x847.jpg 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure>\n\n\n\n<p>Vous pouvez d\u00e9sormais utiliser l&#8217;API correspondante sur votre site, lorsque les extensions que vous souhaiterez activer vous la r\u00e9clameront.<\/p>\n\n\n\n<p>En parlant de \u00e7a, je vous en pr\u00e9sente quelques-unes dans la partie suivante.<\/p>\n\n\n\n<p class=\"has-note-background-color has-background\"><em>Pour des raisons de s\u00e9curit\u00e9, une bonne pratique consiste \u00e0 prot\u00e9ger votre cl\u00e9 API, par exemple en lui appliquant des restrictions. <\/em><a href=\"https:\/\/cloud.google.com\/docs\/authentication\/api-keys?hl=fr&amp;visit_id=637418057360448258-1056027960&amp;rd=1\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Google vous indique comment proc\u00e9der sur cette page<\/em><\/a><em>.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"4-extensions-google-maps-d\u00e9cortiqu\u00e9es\">4 extensions Google Maps d\u00e9cortiqu\u00e9es<\/h2>\n\n\n\n<p>Vous vous en doutez, impossible d\u2019\u00eatre totalement exhaustif et de mettre en valeur tous les plugins sur le sujet au sein d\u2019un m\u00eame article.<\/p>\n\n\n\n<p>Au total, je vais vous en pr\u00e9senter 4, tous pr\u00e9sents sur le r\u00e9pertoire officiel WordPress. Ils proposent donc au minimum une version gratuite.&nbsp;<\/p>\n\n\n\n<p>Pour trancher dans le vif, j\u2019ai pris en compte plusieurs crit\u00e8res :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>La <strong>facilit\u00e9 et la simplicit\u00e9 d\u2019utilisation<\/strong> au moment du test : l\u2019extension devait \u00eatre accessible pour un novice sur WordPress ;<\/li><li>Les<strong> installations actives<\/strong> (au moins 4 000) ;<\/li><li>Les <strong>avis utilisateurs<\/strong> (au moins 4 \u00e9toiles sur 5 pour chaque plugin)<\/li><li>La <strong>pr\u00e9sence \u00e0 de nombreuses reprises dans les r\u00e9sultats de mes recherches<\/strong>.<\/li><li>Des <strong>mises \u00e0 jour relativement fr\u00e9quentes<\/strong>. J\u2019ai \u00e9cart\u00e9 les extensions non mises \u00e0 jour depuis plus de 6 mois.&nbsp;<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">WP Google Maps<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1932\" height=\"892\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps.jpg\" alt=\"WP Google Maps\" class=\"wp-image-44104\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps.jpg 1932w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-300x139.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-1024x473.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-768x355.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-1536x709.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-1360x628.jpg 1360w\" sizes=\"(max-width: 1932px) 100vw, 1932px\" \/><\/figure><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Installations actives<\/span><\/strong> : 400 000+<\/p>\n\n\n\n<p>On attaque avec un mastodonte. Le musclor de la bande. Avec plus de 400 000 installations actives, <strong>WP Google Maps est l\u2019extension la plus populaire du r\u00e9pertoire officiel sur notre sujet du jour<\/strong>.<\/p>\n\n\n\n<p>Elle accumule plus de 2 000 notes globalement tr\u00e8s positives (4,7\/5). Autant vous le dire, vous aurez du mal \u00e0 trouver des avis n\u00e9gatifs sur cette extension.<\/p>\n\n\n\n<p>Selon ses d\u00e9veloppeurs, elle permet de cr\u00e9er et personnaliser une Google Map <em>\u201crapidement et facilement\u201d<\/em>,<em>&nbsp; <\/em>via un bloc Gutenberg d\u00e9di\u00e9 ou un code court (<a href=\"https:\/\/wpmarmite.com\/en\/glossary\/shortcode\/\" target=\"_blank\" rel=\"noreferrer noopener\">shortcode<\/a>).<\/p>\n\n\n\n<p>Les utilisateurs lui passent de la pommade \u00e0 grands coups de commentaires dithyrambiques. Du style <em>\u201cGreat plugin\u201d<\/em> (Super plugin), <em>\u201cFantastic support\u201d<\/em> (Assistance fantastique). Et on vous en passe d\u2019autres.<\/p>\n\n\n\n<p>Parler, c\u2019est bien beau. Mais \u00e0 l\u2019usage, \u00e7a donne quoi ?<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>la rapidit\u00e9 pour mettre en place une carte<\/strong>, en particulier gr\u00e2ce \u00e0 la pr\u00e9sence de th\u00e8mes (<em>map themes<\/em>) pr\u00eats \u00e0 l\u2019emploi (10 au total) ;<\/li><li>Les <strong>nombreuses options de personnalisation<\/strong>. Il est possible d\u2019aller vraiment loin dans la personnalisation, m\u00eame en freemium. Vous pouvez par exemple ajouter un nombre de marqueurs illimit\u00e9, localiser des points de vente, ou encore ajouter des formes personnalis\u00e9es (polygones, cercles, rectangles etc.) ;<\/li><li>La pr\u00e9sence de r\u00e9glages classiques, mais essentiels. Vous pouvez param\u00e9trer la largeur et la hauteur de votre carte, le niveau de zoom, ou encore choisir parmi <strong>4 types de cartes<\/strong> (Plan, Satellite, Hybride, Terrain) ;<\/li><li>L\u2019aspect responsive de l\u2019extension. Elle s\u2019adapte parfaitement sur smartphones et tablettes.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1460\" height=\"798\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-wordpress-exemple.jpg\" alt=\"Exemple de Google Maps sur WordPress con\u00e7ue avec WP Google Maps\" class=\"wp-image-44105\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-wordpress-exemple.jpg 1460w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-wordpress-exemple-300x164.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-wordpress-exemple-1024x560.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-wordpress-exemple-768x420.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-wordpress-exemple-1360x743.jpg 1360w\" sizes=\"(max-width: 1460px) 100vw, 1460px\" \/><figcaption>Une carte cr\u00e9\u00e9e \u00e0 l\u2019aide du th\u00e8me \u201cOld fashioned\u201d<\/figcaption><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai moins aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>Le menu de r\u00e9glages est clair, mais fourni. Il faut un peu de temps pour l\u2019apprivoiser et bien cerner toutes les options possibles ;<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1170\" height=\"559\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-maps-menu.gif\" alt=\"Menu de l'extension WP Google Map\" class=\"wp-image-44106\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>L\u2019interface partiellement traduite en fran\u00e7ais.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/fr.wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger WP Google Maps sur le r\u00e9pertoire officiel<\/a><\/div>\n<\/div>\n\n\n\n<p>Une version payante, WP Google Maps Pro, est disponible \u00e0 partir de 39,99$ pour une utilisation sur 3 sites.&nbsp;<\/p>\n\n\n\n<p>Forc\u00e9ment plus compl\u00e8te, elle permet d\u2019ajouter des informations personnalis\u00e9es \u00e0 vos marqueurs, de cr\u00e9er vos propres ic\u00f4nes personnalis\u00e9es, ou encore la possibilit\u00e9 pour vos utilisateurs de concevoir des itin\u00e9raires vers vos marqueurs.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/www.wpgmaps.com\/purchase-professional-version\/\" target=\"_blank\" rel=\"noreferrer noopener\">Voir la version pro<\/a><\/div>\n<\/div>\n\n\n<style>.elementor-33638 .elementor-element.elementor-element-1a338e3:not(.elementor-motion-effects-element-type-background), .elementor-33638 .elementor-element.elementor-element-1a338e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url(\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/02\/elementor-cta.jpg\");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-33638 .elementor-element.elementor-element-1a338e3 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(135deg, #F3548C 0%, #3D20A1 100%);opacity:0.85;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-33638 .elementor-element.elementor-element-1a338e3, .elementor-33638 .elementor-element.elementor-element-1a338e3 > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-33638 .elementor-element.elementor-element-1a338e3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-33638 .elementor-element.elementor-element-450f0e0c > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-33638 .elementor-element.elementor-element-7f688ae6 .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 6px rgba(0,0,0,0.3);color:#ffffff;}.elementor-33638 .elementor-element.elementor-element-247b0d99{font-size:2rem;color:#ffffff;}.elementor-33638 .elementor-element.elementor-element-610df14e .elementor-button{font-size:0.9em;font-weight:700;text-transform:uppercase;background-color:#ff5b23;}.elementor-33638 .elementor-element.elementor-element-610df14e .elementor-button:hover, .elementor-33638 .elementor-element.elementor-element-610df14e .elementor-button:focus{background-color:#e94b14;}.elementor-33638 .elementor-element.elementor-element-610df14e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-33638 .elementor-element.elementor-element-450f0e0c{width:76.117%;}.elementor-33638 .elementor-element.elementor-element-20c9149d{width:23.965%;}}\/* Start custom CSS for text-editor, class: .elementor-element-247b0d99 *\/.elementor-33638 .elementor-element.elementor-element-247b0d99 p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-610df14e *\/.elementor-33638 .elementor-element.elementor-element-610df14e .elementor-button-link{\n    background-color: #ff5b23 !important;\n    margin:20px 0 0 !important;\n}\n\n.elementor-33638 .elementor-element.elementor-element-610df14e .elementor-button-link:hover{\n    background-color:#E94B14 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"33638\" class=\"elementor elementor-33638\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-overlay-color=\"#F3548C\" data-dce-background-image-url=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/02\/elementor-cta.jpg\" class=\"elementor-section elementor-top-section elementor-element elementor-element-1a338e3 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1a338e3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-450f0e0c\" data-id=\"450f0e0c\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-7f688ae6 elementor-widget elementor-widget-heading\" data-id=\"7f688ae6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">Formez-vous \u00e0 Elementor<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-247b0d99 elementor-widget elementor-widget-text-editor\" data-id=\"247b0d99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Apprenez \u00e0 cr\u00e9er votre site WordPress gr\u00e2ce au constructeur de page le plus populaire du march\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-610df14e elementor-widget elementor-widget-button\" data-id=\"610df14e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/wpmarmite.com\/formation-wordpress\/elementor\/\" target=\"_blank\" id=\"CTA_MEContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir la formation<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-20c9149d\" data-id=\"20c9149d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-18be2691 elementor-widget elementor-widget-image\" data-id=\"18be2691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/02\/elementor-icon-300x300.png\" class=\"attachment-medium size-medium wp-image-33641\" alt=\"Elementor icon CTA\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/02\/elementor-icon-300x300.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/02\/elementor-icon-150x150.png 150w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/02\/elementor-icon.png 401w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<h3 class=\"wp-block-heading\">MapPress Maps for WordPress<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1924\" height=\"890\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress.jpg\" alt=\"MapPress Maps for WordPress\" class=\"wp-image-44108\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress.jpg 1924w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress-300x139.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress-1024x474.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress-768x355.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress-1536x711.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-maps-for-wordpress-1360x629.jpg 1360w\" sizes=\"(max-width: 1924px) 100vw, 1924px\" \/><\/figure><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Installations actives<\/span><\/strong> : 70 000+<\/p>\n\n\n\n<p>MapPress Maps for WordPress (ex MapPress Easy Google Maps), c\u2019est d\u2019abord une promesse : <strong>cr\u00e9er <\/strong><strong><em>\u201cfacilement un nombre illimit\u00e9 de cartes et de lieux \u00e0 l\u2019aide de l\u2019\u00e9diteur de blocs Gutenberg, de l\u2019\u00e9diteur classique, ou de codes courts.\u201d<\/em><\/strong><\/p>\n\n\n\n<p>Attrayant, sur le papier. Pour v\u00e9rifier la v\u00e9racit\u00e9 de ces propos, entrons dans le ventre de cette extension. Esp\u00e9rons qu\u2019elle n\u2019accouchera pas d\u2019une souris.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>La <strong>simplicit\u00e9 d\u2019utilisation<\/strong> de l\u2019extension, qui porte bien son nom ;<\/li><li>Le <strong>menu \u00e9pur\u00e9<\/strong> (2 sous-menus uniquement) : les r\u00e9glages sont minimes mais, du coup, c\u2019est ais\u00e9ment compr\u00e9hensible ;<\/li><li>La possibilit\u00e9 de pouvoir personnaliser votre carte directement sur l\u2019interface de l\u2019\u00e9diteur de contenu, gr\u00e2ce \u00e0 un bloc d\u00e9di\u00e9 ;<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"947\" height=\"821\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/mappress-gutenberg.gif\" alt=\"MapPress Maps sur Gutenberg\" class=\"wp-image-44109\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>La personnalisation des marqueurs (ajout d\u2019un texte personnalis\u00e9, de liens, de photos) ;<\/li><li>La traduction en fran\u00e7ais de l\u2019interface (dans sa majorit\u00e9).<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai moins aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>En priorisant la simplicit\u00e9, le d\u00e9veloppeur a fait le choix de limiter les options au maximum. Dans la version gratuite, vous pourrez proc\u00e9der au minimum \u201cvital\u201d, mais pas plus (ex : r\u00e9glages du zoom, de la largeur de la carte ou encore de l\u2019alignement).<\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/fr.wordpress.org\/plugins\/mappress-google-maps-for-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger MapPress Maps for WordPress sur le r\u00e9pertoire officiel]<\/a><\/div>\n<\/div>\n\n\n\n<p>Pour aller plus loin, il existe une version pro d\u00e9marrant \u00e0 29,95$ pour une utilisation sur 3 sites.<\/p>\n\n\n\n<p>Vous pourrez notamment utiliser des marqueurs d\u2019ic\u00f4nes personnalis\u00e9es, filtrer les lieux par taxonomie, \u00e9tiquette ou cat\u00e9gorie, voire g\u00e9n\u00e9rer des cartes automatiquement \u00e0 partir de champs personnalis\u00e9s.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/mappresspro.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">Voir la version pro<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Gutenberg Map Block for Google Maps<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-image-recette\"><img loading=\"lazy\" decoding=\"async\" width=\"1360\" height=\"627\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps-1360x627.jpg\" alt=\"Gutenberg Map Block for Google Maps\" class=\"wp-image-44111\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps-1360x627.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps-300x138.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps-1024x472.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps-768x354.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps-1536x708.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-map-block-google-maps.jpg 1952w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/figure><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Installations actives<\/span><\/strong> : 4 000+<\/p>\n\n\n\n<p>Allez, on poursuit notre s\u00e9rie de tests avec Gutenberg Map Block for Google Maps, une extension exclusivement d\u00e9di\u00e9e \u00e0 un usage sur l\u2019\u00e9diteur par d\u00e9faut de WordPress, le fameux Gutenberg.<\/p>\n\n\n\n<p>Si vous \u00eates du genre tr\u00e8s tr\u00e8s tr\u00e8s press\u00e9, cette extension devrait vous plaire. Installez-la, activez-la, ajoutez le bloc Gutenberg d\u00e9di\u00e9 o\u00f9 bon vous semble dans votre contenu, et vous voil\u00e0 bon pour le service !<\/p>\n\n\n\n<p>Comme l\u2019expliquent ses d\u00e9veloppeurs, WebFactory Ltd, le plugin est <em>\u201csimple et clair\u201d<\/em> dans ses fonctionnalit\u00e9s.<\/p>\n\n\n\n<p>Si elle ne compte \u201cque\u201d 4 000 installations actives, <strong>cette extension m\u00e9rite sa place ici car elle me semble parfaitement adapt\u00e9e pour un d\u00e9butant<\/strong>.&nbsp;<\/p>\n\n\n\n<p>Vous allez comprendre pourquoi en lisant la suite.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>L\u2019extr\u00eame simplicit\u00e9 d\u2019utilisation<\/strong>. De loin, Gutenberg Map Block for Google Maps est l\u2019extension la plus ais\u00e9e \u00e0 prendre en main de ce comparatif. Comme elle utilise un bloc Gutenberg, vous ne trouverez aucun r\u00e9glage sur votre administration. Ici, on va droit au but.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1422\" height=\"872\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-block.jpg\" alt=\"Encart Gutenberg\" class=\"wp-image-44112\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-block.jpg 1422w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-block-300x184.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-block-1024x628.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-block-768x471.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/gutenberg-block-1360x834.jpg 1360w\" sizes=\"(max-width: 1422px) 100vw, 1422px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>La facilit\u00e9 pour proc\u00e9der aux r\u00e9glages : il vous suffit de cliquer sur la carte pour y acc\u00e9der ;<\/li><li><strong>Le parti pris de se concentrer sur le nouvel \u00e9diteur<\/strong>. Pour ceux d\u2019entre-vous qui en sont adeptes, c\u2019est la garantie d\u2019arriver en terrain conquis, avec une interface que vous connaissez et ma\u00eetrisez d\u00e9j\u00e0.<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai moins aim\u00e9 :&nbsp;<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Les options limit\u00e9es<\/strong> : l\u2019objectif de cette extension est de vous permettre d\u2019ajouter une Google Maps tr\u00e8s vite, sans <em>\u201cr\u00e9glages inutiles\u201d<\/em>. Du coup, ne vous attendez pas \u00e0 des options de personnalisation \u00e0 tire-larigot. Il est simplement possible de param\u00e9trer votre adresse, puis de r\u00e9gler le zoom et la hauteur de votre carte.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/reglages-gutenberg-map.jpg\" alt=\"R\u00e9glages du bloc gutenberg\" class=\"wp-image-44114\" width=\"232\" height=\"359\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/reglages-gutenberg-map.jpg 550w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/reglages-gutenberg-map-194x300.jpg 194w\" sizes=\"(max-width: 232px) 100vw, 232px\" \/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li>L\u2019interface est uniquement disponible en anglais, mais ce n\u2019est pas un probl\u00e8me en soi : on comprend tr\u00e8s vite de quoi traitent les r\u00e9glages, vu leur raret\u00e9.<\/li><\/ul>\n\n\n\n<p class=\"has-note-background-color has-background\"><em>WebFactory Ltd, qui a cr\u00e9\u00e9 et maintient cette extension, propose aussi un autre plugin pour ajouter une Google Map sur WordPress. Son nom ? <\/em><a href=\"https:\/\/fr.wordpress.org\/plugins\/google-maps-widget\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>Maps Widget for Google Maps<\/em><\/a><em>. Elle est principalement d\u00e9di\u00e9e \u00e0 un usage dans <\/em><a href=\"https:\/\/wpmarmite.com\/en\/glossary\/widget\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>un widget<\/em><\/a><em>, par exemple au sein d\u2019une barre lat\u00e9rale.<\/em><\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/fr.wordpress.org\/plugins\/map-block-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger Gutenberg Map Block for Google Maps<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Google Maps Easy<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-image-recette\"><img loading=\"lazy\" decoding=\"async\" width=\"1360\" height=\"627\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy-1360x627.jpg\" alt=\"Google Maps Easy\" class=\"wp-image-44116\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy-1360x627.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy-300x138.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy-1024x472.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy-768x354.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy-1536x708.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/google-maps-easy.jpg 1944w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/figure><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Installations actives<\/span><\/strong> : 40 000+<\/p>\n\n\n\n<p>Sans transition, continuons notre petit chemin en nous arr\u00eatant sur une quatri\u00e8me extension. Google Maps Easy dispose de 40 000 installations actives et se positionne aussi sur le cr\u00e9neau de la facilit\u00e9, comme vous pouvez le constater via son appellation (Easy).<\/p>\n\n\n\n<p>Avec elle, une Google Map pourrait se cr\u00e9er en une minute. Info ou promesse dans le vent ?<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>La prise en main rapide de l\u2019extension.<\/li><li><strong>La pr\u00e9sence bienvenue de r\u00e9glages classiques<\/strong> : largeur et hauteur de la carte, zoom, diff\u00e9rents types de cartes (route, hybride, satellite, terrain).<\/li><li>L\u2019ajout illimit\u00e9 de marqueurs interactifs pouvant contenir de la vid\u00e9o, une image, des liens hypertexte etc.<\/li><li><strong>Une interface de r\u00e9glages majoritairement traduite en fran\u00e7ais<\/strong>.<\/li><li>La possibilit\u00e9 de limiter l\u2019usage du plugin en fonction du r\u00f4le de l\u2019utilisateur.&nbsp;<\/li><li>Vous pouvez aussi bien ajouter une carte dans un article ou une page, que dans une zone r\u00e9serv\u00e9e \u00e0 vos widgets (ex : <a href=\"https:\/\/wpmarmite.com\/glossaire\/sidebar\/\" target=\"_blank\" rel=\"noreferrer noopener\">colonne lat\u00e9rale<\/a>, <a href=\"https:\/\/wpmarmite.com\/footer-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">pied de page<\/a>).<\/li><\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">J\u2019ai moins aim\u00e9 :<\/h4>\n\n\n\n<ul class=\"wp-block-list\"><li>L\u2019interface utilisateur assez vieillotte.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1156\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-scaled.jpg\" alt=\"Interface de l'extension Google Maps Easy\" class=\"wp-image-44118\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-scaled.jpg 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-300x169.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-1024x578.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-768x433.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-1536x867.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/interface-google-maps-easy-1360x767.jpg 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>La frustration \u00e0 l\u2019usage<\/strong>. L\u2019extension est plut\u00f4t agr\u00e9able \u00e0 utiliser, mais on se rend compte au fur et \u00e0 mesure que pas mal d\u2019options int\u00e9ressantes ne sont accessibles qu\u2019en version Pro.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/fr.wordpress.org\/plugins\/google-maps-easy\/\" target=\"_blank\" rel=\"noreferrer noopener\">T\u00e9l\u00e9charger Google Maps Easy sur le r\u00e9pertoire officiel<\/a><\/div>\n<\/div>\n\n\n\n<p>La version premium, justement, est accessible \u00e0 partir de 46$\/an pour une utilisation sur un site. <strong>Globalement, avec elle, vous pourrez personnaliser beaucoup plus finement votre Google Map<\/strong>.<\/p>\n\n\n\n<p>Par exemple, vous aurez acc\u00e8s :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>\u00c0 plus de 300 th\u00e8mes de cartes diff\u00e9rents ;<\/li><li>Au trafic en temps r\u00e9el sur la carte ;<\/li><li>\u00c0 des contr\u00f4les de cartes personnalis\u00e9s<\/li><li>\u00c0 plusieurs types de formes pour cr\u00e9er des figures sur vos cartes (polygones, cercles etc.) ;<\/li><li>\u00c0 des cartes de chaleur (<em>heatmaps<\/em>).<\/li><\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link\" href=\"https:\/\/supsystic.com\/plugins\/google-maps-plugin\" target=\"_blank\" rel=\"noreferrer noopener\">Voir la version Pro<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"pourquoi-ces-extensions-google-maps-ne-figurent-elles-pas-\u00e0-la-carte\">Pourquoi ces extensions Google Maps ne figurent-elles pas \u00e0 la carte ?<\/h2>\n\n\n\n<p>Comme vous avez pu le constater, notre test se concentre sur 4 extensions, et pas une de plus.&nbsp;<\/p>\n\n\n\n<p>Ce sont celles qui m\u2019ont sembl\u00e9 les plus adapt\u00e9es pour un d\u00e9butant. Au total, j\u2019ai test\u00e9 plus d\u2019une dizaine de plugins pour \u00e9crire cet article.&nbsp;<\/p>\n\n\n\n<p>Je vous explique pourquoi certains n\u2019ont pas franchi le pas de la porte, ce qui ne signifie pas pour autant qu\u2019ils sont d\u00e9nu\u00e9s d\u2019int\u00e9r\u00eat.<\/p>\n\n\n\n<p>En fonction de votre profil, ils seront peut-\u00eatre m\u00eame tout \u00e0 fait adapt\u00e9s \u00e0 vos besoins. Simplement, ils ne collaient pas \u00e0 mes crit\u00e8res de choix. Mais n\u2019h\u00e9sitez pas \u00e0 les tester et \u00e0 me faire vos retours dans les commentaires.<\/p>\n\n\n\n<p>Petit aper\u00e7u des \u201crecal\u00e9s\u201d :<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/fr.wordpress.org\/plugins\/store-locator-le\/\" target=\"_blank\" rel=\"noreferrer noopener\">Store Locator Plus<\/a> ou <a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-store-locator\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Store Locator<\/a> sont des extensions destin\u00e9es \u00e0 un usage plus avanc\u00e9.Il s\u2019agit de localisateurs de magasins (<em>store locators<\/em>, en anglais). Elles ajoutent directement un formulaire de recherche et une Google Map dans la page de votre choix.<br>Si vous souhaitez utiliser un syst\u00e8me de localisation pour communiquer sur vos services et indiquer \u00e0 vos visiteurs o\u00f9 aller faire leurs emplettes, cela vaut peut-\u00eatre le coup de jeter un \u0153il \u00e0 l\u2019une ou l\u2019autre.<\/li><li><a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-flexible-map\/\" target=\"_blank\" rel=\"noreferrer noopener\">Flexible Map<\/a> est tr\u00e8s simple \u00e0 utiliser, mais elle n\u00e9cessite un code court pour afficher votre carte. A l&#8217;\u00e8re du nouvel \u00e9diteur, cet usage est obsol\u00e8te.<\/li><li>M\u00eame constat chez WP <a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-google-map-plugin\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google Map Plugin<\/a>, qui propose en sus une interface trop complexe, \u00e0 mon sens.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"812\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/wp-google-map-plugin.gif\" alt=\"WP Google Map Plugin interface\" class=\"wp-image-44120\"\/><\/figure><\/div>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/fr.wordpress.org\/plugins\/wd-google-maps\/\" target=\"_blank\" rel=\"noreferrer noopener\">10Web Map Builder<\/a> dispose de trop peu d\u2019options en version gratuite.<\/li><li><a href=\"https:\/\/fr.wordpress.org\/plugins\/leaflet-maps-marker\/\" target=\"_blank\" rel=\"noreferrer noopener\">Leaflet Maps Marker<\/a> propose une interface imbuvable.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1036\" height=\"780\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/leaflet.gif\" alt=\"Leaflet Maps Marker\" class=\"wp-image-44121\"\/><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Ressource bonus : Snazzy Maps<\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-image-recette\"><img loading=\"lazy\" decoding=\"async\" width=\"1360\" height=\"632\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-1360x632.jpg\" alt=\"Snazzy Maps\" class=\"wp-image-44123\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-1360x632.jpg 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-300x139.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-1024x476.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-768x357.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-1536x713.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps.jpg 1938w\" sizes=\"(max-width: 1360px) 100vw, 1360px\" \/><\/figure><\/div>\n\n\n\n<p><strong><span style=\"text-decoration: underline;\">Installations actives<\/span><\/strong> : 70 000+<\/p>\n\n\n\n<p><a href=\"https:\/\/fr.wordpress.org\/plugins\/snazzy-maps\/\" target=\"_blank\" rel=\"noreferrer noopener\">Snazzy Maps<\/a> (70 000 installations actives) ne permet pas d\u2019ajouter une carte sur votre site, raison pour laquelle elle ne b\u00e9n\u00e9ficie pas de plus de d\u00e9veloppement ici.&nbsp;<\/p>\n\n\n\n<p>Par contre, elle pourrait vous int\u00e9resser si vous souhaitez customiser votre Google Map d\u00e9j\u00e0 pr\u00e9sente sur votre site, puisqu\u2019elle propose des fonds de carte pour donner un c\u00f4t\u00e9 original et d\u00e9cal\u00e9 \u00e0 vos cr\u00e9ations :<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1876\" height=\"990\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple.jpg\" alt=\"Exemple de carte cr\u00e9\u00e9e avec Snazzy Maps\" class=\"wp-image-44125\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple.jpg 1876w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple-300x158.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple-1024x540.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple-768x405.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple-1536x811.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/snazzy-maps-exemple-1360x718.jpg 1360w\" sizes=\"(max-width: 1876px) 100vw, 1876px\" \/><\/figure>\n\n\n\n<p>En parall\u00e8le, Snazzy Maps dispose d\u2019<a href=\"https:\/\/snazzymaps.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">un site web d\u00e9di\u00e9<\/a>. <strong>Il s\u2019agit d\u2019une Bourse g\u00e9ante de cartes personnalis\u00e9es, un peu comme le r\u00e9pertoire officiel d\u2019extensions WordPress<\/strong>. Toutes les cr\u00e9ations sont libres de droits.<\/p>\n\n\n<style>.elementor-29926 .elementor-element.elementor-element-48b48668 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(90deg, #100a3d 0%, #0a0726 100%);opacity:0.9;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-29926 .elementor-element.elementor-element-48b48668, .elementor-29926 .elementor-element.elementor-element-48b48668 > .elementor-background-overlay{border-radius:6px 6px 6px 6px;}.elementor-29926 .elementor-element.elementor-element-48b48668{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:50px;padding:1.25em 1.25em 1.25em 1.25em;}.elementor-29926 .elementor-element.elementor-element-381b21fa > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-29926 .elementor-element.elementor-element-456b455a .elementor-heading-title{font-size:1.5em;font-weight:700;line-height:1.1em;text-shadow:0px 0px 10px rgba(0,0,0,0.3);color:#ffffff;}.elementor-29926 .elementor-element.elementor-element-661b2225{font-size:2rem;color:#ffffff;}.elementor-29926 .elementor-element.elementor-element-56271a84 .elementor-button{font-size:0.9em;font-weight:700;text-transform:uppercase;background-color:#ff5b23;}.elementor-29926 .elementor-element.elementor-element-56271a84 .elementor-button:hover, .elementor-29926 .elementor-element.elementor-element-56271a84 .elementor-button:focus{background-color:#e94b14;}.elementor-29926 .elementor-element.elementor-element-56271a84 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}@media(min-width:768px){.elementor-29926 .elementor-element.elementor-element-381b21fa{width:76.117%;}.elementor-29926 .elementor-element.elementor-element-72fe4db4{width:23.965%;}}\/* Start custom CSS for text-editor, class: .elementor-element-661b2225 *\/.elementor-29926 .elementor-element.elementor-element-661b2225 p{\n    font-size:1.8rem;\n    line-height:1.5em;\n    text-shadow: 0px 0px 6px rgba(0,0,0,0.3);\n}\/* End custom CSS *\/\n\/* Start custom CSS for button, class: .elementor-element-56271a84 *\/.elementor-29926 .elementor-element.elementor-element-56271a84 .elementor-button-link{\n    background-color: #ff5b23 !important;\n    margin:20px 0 0 !important;\n}\n\n.elementor-29926 .elementor-element.elementor-element-56271a84 .elementor-button-link:hover{\n    background-color:#E94B14 !important;\n}\/* End custom CSS *\/<\/style>\t\t<div data-elementor-type=\"section\" data-elementor-id=\"29926\" class=\"elementor elementor-29926\" data-elementor-post-type=\"elementor_library\">\n\t\t\t\t\t<section data-dce-background-overlay-color=\"#100a3d\" class=\"elementor-section elementor-top-section elementor-element elementor-element-48b48668 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"48b48668\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t\t<div class=\"elementor-background-overlay\"><\/div>\n\t\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-381b21fa\" data-id=\"381b21fa\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div data-dce-title-color=\"#ffffff\" class=\"elementor-element elementor-element-456b455a elementor-widget elementor-widget-heading\" data-id=\"456b455a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<p class=\"elementor-heading-title elementor-size-default\">WPMarmite News, votre antis\u00e8che sur l\u2019actu WordPress<\/p>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div data-dce-text-color=\"#ffffff\" class=\"elementor-element elementor-element-661b2225 elementor-widget elementor-widget-text-editor\" data-id=\"661b2225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Recevez gratuitement les derni\u00e8res infos de l\u2019\u00e9cosyst\u00e8me WordPress tous les 15 jours et cr\u00e9ez de meilleurs sites.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-56271a84 elementor-widget elementor-widget-button\" data-id=\"56271a84\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-md\" href=\"https:\/\/news.wpmarmite.com\/\" target=\"_blank\" id=\"CTA_WPMNewsContentFR\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">D\u00e9couvrir WPMarmite News<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-72fe4db4\" data-id=\"72fe4db4\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1ab777fd elementor-widget elementor-widget-image\" data-id=\"1ab777fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"300\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto-300x300.png\" class=\"attachment-medium size-medium wp-image-29993\" alt=\"\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto-300x300.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto-150x150.png 150w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto-768x768.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto-1024x1024.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto-1360x1360.png 1360w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2019\/09\/Bouillon-picto.png 2000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t\n\n\n<h2 class=\"wp-block-heading\" id=\"d\u2019autres-solutions-mon-capitaine\">D\u2019autres solutions, mon capitaine ?<\/h2>\n\n\n\n<p>Tout au long de ces lignes, vous avez d\u00e9couvert qu\u2019il \u00e9tait possible d\u2019ajouter une Google Map sur WordPress manuellement et, bien s\u00fbr, gr\u00e2ce \u00e0 une extension d\u00e9di\u00e9e sp\u00e9cifiquement \u00e0 cela.&nbsp;<\/p>\n\n\n\n<p>Pour \u00eatre tout \u00e0 fait pr\u00e9cis, il existe encore d\u2019autres solutions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Les plugins de blocs pour int\u00e9grer Google Maps sur WordPress<\/h3>\n\n\n\n<p>Depuis la sortie de la version 5.0 de WordPress (WP), en d\u00e9cembre 2018, <strong>WordPress dispose d\u2019un nouvel \u00e9diteur par d\u00e9faut<\/strong>. Il remplace le d\u00e9sormais ancien \u00e9diteur appel\u00e9 TinyMCE, utilis\u00e9 jusqu\u2019\u00e0 cette date.<\/p>\n\n\n\n<p>Ce nouvel \u00e9diteur est bas\u00e9 sur un syst\u00e8me de blocs. Un bloc est un \u00e9l\u00e9ment de contenu (ex : image, texte, bouton, vid\u00e9o) que vous ajoutez dans votre page ou article.<\/p>\n\n\n\n<p><strong>Pour le moment, il ne peut pas encore tout faire, et ne propose pas de bloc Google Maps<\/strong>.<\/p>\n\n\n\n<p>Mais des dizaines d\u2019extensions sur le r\u00e9pertoire officiel disposent de leurs propres blocs personnalis\u00e9s (ex : t\u00e9moignages, tableaux de prix, sliders).&nbsp;<\/p>\n\n\n\n<p>Certaines d\u2019entre-elles ont m\u00eame la bonne id\u00e9e de proposer des blocs Google Maps (avec des fonctionnalit\u00e9s plus ou moins avanc\u00e9es pour chacune), comme <a href=\"https:\/\/fr.wordpress.org\/plugins\/otter-blocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg Blocks and Template Library by Otter<\/a>, <a href=\"https:\/\/fr.wordpress.org\/plugins\/ultimate-addons-for-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ultimate Addons for Gutenberg<\/a><strong> <\/strong>ou <a href=\"https:\/\/fr.wordpress.org\/plugins\/coblocks\/\" target=\"_blank\" rel=\"noreferrer noopener\">CoBlocks<\/a>.<\/p>\n\n\n\n<p>La liste n\u2019est pas exhaustive. Pour vous faire votre propre id\u00e9e et trouver le bloc Google Map qui vous sied le plus, allez piocher dans <a href=\"https:\/\/wpmarmite.com\/plugins-gutenberg-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">notre s\u00e9lection des dix meilleurs plugins de blocs pour Gutenberg<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Le service MyMaps<\/h3>\n\n\n\n<p>Derni\u00e8re option pour int\u00e9grer une carte sur votre site : <strong>utiliser My Maps sur WordPress<\/strong>.<\/p>\n\n\n\n<p><a href=\"https:\/\/www.google.com\/intl\/fr_fr\/maps\/about\/mymaps\/\" target=\"_blank\" rel=\"noreferrer noopener\">My Maps est un service propos\u00e9 par Google<\/a> qui permet de cr\u00e9er des cartes personnalis\u00e9es en ajoutant vos lieux pr\u00e9f\u00e9r\u00e9s :<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1340\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps.png\" alt=\"Le service My Maps de Google\" class=\"wp-image-44127\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps.png 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-300x196.png 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-1024x670.png 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-768x503.png 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-1536x1005.png 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-1360x890.png 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<p>Cet outil permet d\u2019int\u00e9grer des points, des formes, des photos et m\u00eame des vid\u00e9os aux endroits de votre choix sur votre carte.<\/p>\n\n\n\n<p><strong>Vous pouvez aussi concevoir des cartes collaboratives<\/strong>, sur lesquelles plusieurs personnes peuvent participer, exactement comme avec un Google Doc.<\/p>\n\n\n\n<p>Et bien s\u00fbr, il est possible au final de les faire figurer sur votre site, de la m\u00eame fa\u00e7on que pour une carte classique que vous ajouteriez manuellement. Copiez-collez votre code d\u2019int\u00e9gration comme on l\u2019a vu au d\u00e9but de cet article, et vous \u00eates bon pour le service !<\/p>\n\n\n\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"1342\" src=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-scaled.jpg\" alt=\"Un exemple de carte cr\u00e9\u00e9e avec My Maps\" class=\"wp-image-44128\" srcset=\"https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-scaled.jpg 2048w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-300x197.jpg 300w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-1024x671.jpg 1024w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-768x503.jpg 768w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-1536x1006.jpg 1536w, https:\/\/wpmarmite.com\/wp-content\/uploads\/2020\/11\/my-maps-google-1360x891.jpg 1360w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"distribution-finale-des-cartes\">Distribution finale des cartes<\/h2>\n\n\n\n<p>Normalement, vous voil\u00e0 avec toutes les cartes en main pour ma\u00eetriser Google Maps et WordPress comme un champion.<\/p>\n\n\n\n<p>Pour savoir dans quelle direction partir, voici deux pistes pour baliser votre itin\u00e9raire :&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Si vous souhaitez simplement int\u00e9grer une Google Maps sur WordPress, sans besoin de la personnaliser, tournez-vous vers la m\u00e9thode manuelle<\/strong>. C\u2019est rapide, efficace, et ne n\u00e9cessite pas l\u2019utilisation d\u2019une cl\u00e9 API, \u00e0 la mise en \u0153uvre assez technique, comme vous le savez.<\/li><li><strong>Si vous d\u00e9sirez b\u00e9n\u00e9ficier de plus d\u2019options pour votre carte, ou que vous ne souhaitez pas proc\u00e9der \u00e0 la main, optez pour une extension<\/strong>.<br>Pour b\u00e9n\u00e9ficier d\u2019un maximum d\u2019options, je vous recommande <a href=\"https:\/\/fr.wordpress.org\/plugins\/wp-google-maps\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Google Maps<\/a> en priorit\u00e9. Il s\u2019agit de la plus compl\u00e8te de ce test.<br>Vous voulez aller droit au but et les options de personnalisation vous importent peu ? Choisissez <a href=\"https:\/\/fr.wordpress.org\/plugins\/map-block-gutenberg\/\" target=\"_blank\" rel=\"noreferrer noopener\">Gutenberg Map Block for Google Maps<\/a>.<\/li><\/ul>\n\n\n\n<div class=\"wp-block-social-warfare-click-to-tweet social-warfare-admin-block\"><\/div>\n\n\n\n<p>D\u00e9sormais, \u00e0 vous de vous exprimer. Quelle m\u00e9thode avez-vous choisie sur votre site ?&nbsp;<\/p>\n\n\n\n<p>Dites-moi tout en commentaire et n\u2019h\u00e9sitez pas \u00e0 me partager vos trouvailles et vos retours d\u2019exp\u00e9riences.<\/p>\n\n\n\n<p>\u00c0 tout de suite !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un fant\u00f4me tapi dans le ch\u00e2teau d\u2019\u00c9dimbourg, un cimeti\u00e8re d\u2019avions aux \u00c9tats-Unis ou encore une \u00e9toile satanique : voil\u00e0 ce qu\u2019auraient un jour aper\u00e7u certains utilisateurs de Google Maps, en utilisant l\u2019option Street View (Vue de rue). Depuis son lancement&#8230;<\/p>\n","protected":false},"author":1842,"featured_media":25104,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[105],"tags":[],"class_list":["post-19667","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins-wordpress"],"wpm_company_founded_date":null,"wpm_company_url":null,"wpm_company_founders":null,"wpm_company_twitter":null,"wpm_company_linkedin":null,"wpm_pro_ressource_formule":null,"wpm_ressourcewp_lien_aff":null,"wpm_ressourcewp_lien_officiel":null,"wpm_ressource_company":null,"wpm_ressourcewp_short_desc":null,"wpm_ressourcewp_lien_repo":null,"wpm_ressourcewp_lien_ressource":null,"_yoast_wpseo_title":"Comment int\u00e9grer Google Maps sur WordPress avec ou sans plugin ?","_yoast_wpseo_meta-robots-noindex":null,"_yoast_wpseo_focuskw":"google maps wordpress","_yoast_wpseo_metadesc":"D\u00e9couvrez comment ajouter Google Maps sur WordPress soit manuellement, soit \u00e0 l'aide d'une extension que nous avons test\u00e9e.","_yoast_wpseo_opengraph-title":"Comment int\u00e9grer Google Maps sur WordPress","_yoast_wpseo_twitter-title":"Comment int\u00e9grer Google Maps sur WordPress","_yoast_wpseo_opengraph-description":"D\u00e9couvrez comment ajouter Google Maps sur WordPress soit manuellement, soit \u00e0 l'aide d'une extension que nous avons test\u00e9e.","_yoast_wpseo_twitter-description":"D\u00e9couvrez comment ajouter Google Maps sur WordPress soit manuellement, soit \u00e0 l'aide d'une extension que nous avons test\u00e9e.","_yoast_wpseo_bctitle":"Comment int\u00e9grer Google Maps \u00e0 WordPress ? La Marmite a fait le test pour vous","lang":"fr","translations":{"fr":19667,"en":34449},"uagb_featured_image_src":{"full":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",1500,830,false],"thumbnail":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1-150x150.jpg",150,150,true],"medium":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1-300x166.jpg",300,166,true],"medium_large":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1-768x425.jpg",768,425,true],"large":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1-1024x567.jpg",1024,567,true],"1536x1536":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",1500,830,false],"2048x2048":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",1500,830,false],"image-recette":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1-1360x753.jpg",1360,753,true],"gform-image-choice-sm":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",300,166,false],"gform-image-choice-md":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",400,221,false],"gform-image-choice-lg":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",600,332,false],"yarpp-thumbnail":["https:\/\/wpmarmite.com\/wp-content\/uploads\/2018\/03\/google-maps-wordpress-1.jpg",120,66,false]},"uagb_author_info":{"display_name":"Thibaut | WPMarmite","author_link":"https:\/\/wpmarmite.com\/author\/thibaut-wpmarmite\/"},"uagb_comment_info":67,"uagb_excerpt":"Un fant\u00f4me tapi dans le ch\u00e2teau d\u2019\u00c9dimbourg, un cimeti\u00e8re d\u2019avions aux \u00c9tats-Unis ou encore une \u00e9toile satanique : voil\u00e0 ce qu\u2019auraient un jour aper\u00e7u certains utilisateurs de Google Maps, en utilisant l\u2019option Street View (Vue de rue). Depuis son lancement...","pll_sync_post":{},"_links":{"self":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/posts\/19667","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/users\/1842"}],"replies":[{"embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/comments?post=19667"}],"version-history":[{"count":0,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/posts\/19667\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/media\/25104"}],"wp:attachment":[{"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/media?parent=19667"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/categories?post=19667"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpmarmite.com\/wp-json\/wp\/v2\/tags?post=19667"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}