{"id":3931,"date":"2013-02-11T11:09:05","date_gmt":"2013-02-11T11:09:05","guid":{"rendered":"https:\/\/www.cmonsite.fr\/site\/aide\/?page_id=3931"},"modified":"2013-02-11T11:09:05","modified_gmt":"2013-02-11T11:09:05","slug":"google-maps","status":"publish","type":"page","link":"https:\/\/www.cmonsite.fr\/site\/aide\/astuces-informations\/modules-externes\/google-maps","title":{"rendered":"Ins\u00e9rer un plan Google Maps sur une page"},"content":{"rendered":"<p>Vous b\u00e9n\u00e9ficiez d&#8217;un plan <strong><em>Google Maps<\/em><\/strong> sur votre page contact qui s&#8217;affiche automatiquement, \u00e0 partir de la formule Premium.<br \/>\nToutefois, si vous souhaitez en ins\u00e9rer sur une autre page, c&#8217;est possible, en utilisant l&#8217;\u00e9l\u00e9ment <em><strong>Google Map<\/strong><\/em> de l&#8217;<strong><em>Editeur CmonSite<\/em><\/strong>.<\/p>\n<p>Il existe deux mani\u00e8res de le faire.<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-size: x-large;\">1<\/span>. En utilisant le module Google Map de l&#8217;Editeur CmonSite<\/h2>\n<p>Pour acc\u00e9der \u00e0 l&#8217;\u00e9diteur de page, allez dans la rubrique\u00a0\u00ab\u00a0<strong>Pages \/ Cat\u00e9gories<\/strong> \u00bb\u00a0et s\u00e9lectionnez la page o\u00f9 vous souhaitez ins\u00e9rer un plan.<br \/>\nEnsuite cliquez sur le lien\u00a0\u00ab<strong> Google Map<\/strong> \u00bb et ajoutez-le \u00e0 l&#8217;endroit souhait\u00e9 dans votre page.<a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/module-map.jpg\"><img decoding=\"async\" class=\"size-full wp-image-14716 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/module-map.jpg\" alt=\"\" width=\"77\" height=\"82\" \/><\/a><\/p>\n<p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/menu-module.jpg\"><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-14714 alignright\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/menu-module.jpg\" alt=\"\" width=\"260\" height=\"277\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Vous allez pouvoir renseigner les informations n\u00e9cessaires \u00e0 la cr\u00e9ation de votre carte :<\/p>\n<ul>\n<li>l&#8217;adresse<\/li>\n<li>le type d&#8217;affichage (carte, satellite ou carte + satellite)<\/li>\n<li>le niveau de zoom sur la carte (plus ou moins \u00e9loign\u00e9 du point)<\/li>\n<li>la largeur de votre carte en pixels<\/li>\n<li>la hauteur de la carte en pixels<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Votre carte appara\u00eetra alors automatiquement sur votre page !<\/p>\n<p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/map.jpg\"><img decoding=\"async\" class=\"size-full wp-image-14713 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/map.jpg\" alt=\"\" width=\"1198\" height=\"314\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/map.jpg 1198w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/map-300x79.jpg 300w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/map-1024x268.jpg 1024w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/map-768x201.jpg 768w\" sizes=\"(max-width: 1198px) 100vw, 1198px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-size: x-large;\">2<\/span>. En utilisant le code source d&#8217;une carte<\/h2>\n<p>Rendez-vous sur le site Google Maps, et renseignez votre adresse au complet. Lorsque la bonne adresse a \u00e9t\u00e9 trouv\u00e9e, cliquez sur le bouton &#8220;<em><strong>Partager<\/strong><\/em>&#8221; comme sur l&#8217;image ci-dessous.<\/p>\n<p style=\"text-align: left;\"><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/partager.png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14717 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/partager.png\" alt=\"\" width=\"404\" height=\"457\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/partager.png 404w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/partager-265x300.png 265w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/a>Une fen\u00eatre appara\u00eet comme ci-dessous, avec deux \u00e9l\u00e9ments : Envoyer un lien et Int\u00e9grer une carte. Rendez-vous dans &#8220;<strong><em>Int\u00e9grer une carte<\/em><\/strong>&#8220;, puis, pour int\u00e9grer le plan sur une page, vous devez copiez le code .<\/p>\n<p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/iframe.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14712 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/iframe.jpg\" alt=\"\" width=\"636\" height=\"641\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/iframe.jpg 636w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/iframe-298x300.jpg 298w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/iframe-150x150.jpg 150w\" sizes=\"(max-width: 636px) 100vw, 636px\" \/><\/a><\/p>\n<p>Une fois le code copi\u00e9, rendez-vous sur la page de votre choix avec l&#8217;<strong><em>Editeur CmonSite<\/em><\/strong>.<br \/>\nAjoutez dans votre page le module <em><strong>Code Source<\/strong><\/em> \u00e0 l&#8217;endroit o\u00f9 vous souhaitez voir appara\u00eetre votre plan :<\/p>\n<p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/module-code-source.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14715 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/module-code-source.jpg\" alt=\"\" width=\"80\" height=\"90\" \/><\/a><\/p>\n<p>Une fois l&#8217;\u00e9l\u00e9ment int\u00e9gr\u00e9 dans votre page, vous allez pouvoir renseigner le code source dans le panneau de configuration qui s&#8217;affiche :<\/p>\n<p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/collage-iframe.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14711 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/collage-iframe.jpg\" alt=\"\" width=\"261\" height=\"361\" srcset=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/collage-iframe.jpg 261w, https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/collage-iframe-217x300.jpg 217w\" sizes=\"(max-width: 261px) 100vw, 261px\" \/><\/a><\/p>\n<p>Voil\u00e0, votre plan Google Maps est en place !<br \/>\nCelui-ci ne s&#8217;affiche pas directement dans l&#8217;Editeur CmonSite.<br \/>\nRendez-vous sur votre site pour le voir, cliquez sur \u00ab<strong><em>Voir mon site<\/em><\/strong>\u00bb :<\/p>\n<p><a href=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/voir-site.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-14718 aligncenter\" src=\"https:\/\/www.cmonsite.fr\/site\/webup\/2021\/01\/voir-site.jpg\" alt=\"\" width=\"143\" height=\"42\" \/><\/a><\/p>\n<p>Si vous souhaitez utiliser le plan int\u00e9gr\u00e9 \u00e0 la page de contact <a href=\"\/\/www.cmonsite.fr\/site\/aide\/contenu-design-modules\/modules\/comment-personnaliser-sa-page-de-contact\/\" target=\"_blank\" rel=\"noopener\">cliquez ici<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Vous b\u00e9n\u00e9ficiez d&#8217;un plan Google Maps sur votre page contact qui s&#8217;affiche automatiquement, \u00e0 partir de la formule Premium. Toutefois, si vous souhaitez en ins\u00e9rer sur une autre page, c&#8217;est possible, en utilisant l&#8217;\u00e9l\u00e9ment Google Map de l&#8217;Editeur CmonSite. Il existe deux mani\u00e8res de le faire. &nbsp; 1. En utilisant le module Google Map de [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18010,"parent":3020,"menu_order":7,"comment_status":"open","ping_status":"closed","template":"","meta":{"_helpful_status":1,"footnotes":""},"class_list":["post-3931","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/3931","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/comments?post=3931"}],"version-history":[{"count":1,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/3931\/revisions"}],"predecessor-version":[{"id":21107,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/3931\/revisions\/21107"}],"up":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/pages\/3020"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media\/18010"}],"wp:attachment":[{"href":"https:\/\/www.cmonsite.fr\/site\/wp-json\/wp\/v2\/media?parent=3931"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}