{"id":18780,"date":"2020-06-26T00:55:17","date_gmt":"2020-06-26T00:55:17","guid":{"rendered":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-une-carte-interactive-et-non-wordpress\/"},"modified":"2020-06-26T00:55:17","modified_gmt":"2020-06-26T00:55:17","slug":"comment-ajouter-une-carte-interactive-et-non-wordpress","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/fr\/comment-ajouter-une-carte-interactive-et-non-wordpress\/","title":{"rendered":"Comment ajouter une carte interactive et non WordPress"},"content":{"rendered":"<p>Voulez-vous ajouter une carte interactive non WordPress?  Les cartes interactives permettent \u00e0 vos utilisateurs de d\u00e9couvrir des itin\u00e9raires cass\u00e9s, des viagens et des itin\u00e9raires en cliquant sur les marqueurs, pas sur la carte ou en bougeant ou en passant la souris.  Dans cet article, nous allons montrer comment ajouter facilement une carte interactive non WordPress. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajoutez une carte interactive et non WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/interactivemapwp.png\" alt=\"Ajoutez une carte interactive et non WordPress\" width=\"550\" height=\"340\" class=\"alignnone size-full wp-image-50080\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Didacticiel_video\"><\/span>Didacticiel vid\u00e9o<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Inscrever-se no WPBeginner<\/p>\n<p>Voc\u00ea n\u00e3o gostar do video ou avez besoin de plus d&#8217;instructions, continuez la lecture.<\/p>\n<h4><span class=\"ez-toc-section\" id=\"Methode_1_ajouter_une_carte_interactive_non_WordPress_en_utilisant_ou_Google_My_Maps\"><\/span>M\u00e9thode 1: ajouter une carte interactive non WordPress en utilisant ou Google My Maps<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Cette m\u00e9thode est plus simple et ne n\u00e9cessite pas l&#8217;installation d&#8217;un plug-in autre que votre site WordPress. <\/p>\n<p>Tout d&#8217;abord, vous devez visiter le site Google My Maps et cliquer sur le bouton &#8220;Cr\u00e9er une nouvelle carte&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Carte de Crie um novo\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/createnewmap.png\" alt=\"Carte de Crie um novo\" width=\"550\" height=\"256\" class=\"alignnone size-full wp-image-50060\"><\/p>\n<p>Isso ou ira \u00e0 la page de la carte edi\u00e7\u00e3o.  Sur ce site, vous pouvez cr\u00e9er votre carte en s\u00e9lectionnant une carte de base, en ajoutant des POI, des port\u00e9es et plus encore. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Modification de la carte\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/editingmap.jpg\" alt=\"Modification de la carte\" width=\"550\" height=\"335\" class=\"alignnone size-full wp-image-50061\"><\/p>\n<p>En utilisant la barre de ferramentas dans la partie sup\u00e9rieure, vous pouvez annuler les lignes non mapp\u00e9es, ajouter des lignes bris\u00e9es, utiliser des r\u00e8gles et s\u00e9lectionner des \u00e9l\u00e9ments. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Utilisation de la barre ferramentas de la carte\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/maptoolbar.jpg\" alt=\"Utilisation de la barre ferramentas de la carte\" width=\"550\" height=\"253\" class=\"alignnone size-full wp-image-50062\"><\/p>\n<p>Tous les \u00e9l\u00e9ments de la carte sont enregistr\u00e9s dans des port\u00e9es \u00e0 esquerda.  Vous pouvez ajouter, modifier, renommer ou m\u00eame supprimer des port\u00e9es.  Vous pouvez \u00e9galement cliquer sur n&#8217;importe quel \u00e9l\u00e9ment de votre port\u00e9e pour ajouter une description, modifier ou titre ou ajouter des photos \/ vid\u00e9os. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajouter des descriptions\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/adddescriptions.jpg\" alt=\"Ajouter des descriptions\" width=\"550\" height=\"257\" class=\"alignnone size-full wp-image-50063\"><\/p>\n<p>Vous devez terminer la modification de votre carte, vous la rendrez publique avant de pouvoir l&#8217;utiliser sur votre site.  Vous pouvez le faire en cliquant sur le bouton du compartiment et sur le bouton d&#8217;\u00e9dition. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Compartilhe seu carte interactive\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/sharemap.jpg\" alt=\"Compartilhe seu carte interactive\" width=\"550\" height=\"193\" class=\"alignnone size-full wp-image-50064\"><\/p>\n<p>Isso ouvrira le centre de partage o\u00f9 vous devez cliquer sur &#8220;Modifier&#8221; dans la section &#8220;Quem tem acesso&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Configurations des compartiments\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/sharingsettings.png\" alt=\"Configurations des compartiments\" width=\"550\" height=\"259\" class=\"alignnone size-full wp-image-50065\"><\/p>\n<p>Ensuite, vous devez s\u00e9lectionner &#8220;Ativado &#8211; P\u00fablico na Web&#8221; et cliquer sur No Save. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Torne seu carte publique\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/publicmap.png\" alt=\"Torne seu carte publique\" width=\"550\" height=\"202\" class=\"alignnone size-full wp-image-50066\"><\/p>\n<p>Depois disso, cliquez sur &#8220;Termin\u00e9&#8221; pour dater ou sur le moyeu du compartiment. <\/p>\n<p>Aucune palette d&#8217;\u00e9dition, cliquez sur l&#8217;ic\u00f4ne de menu \u00e0 c\u00f4t\u00e9 du num\u00e9ro de carte et s\u00e9lectionnez &#8220;Ins\u00e9rer aucun site&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ins\u00e9rer la carte sans site\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/embedmap.jpg\" alt=\"Ins\u00e9rer la carte sans site\" width=\"550\" height=\"296\" class=\"alignnone size-full wp-image-50067\"><\/p>\n<p>Vous verrez maintenant le code d&#8217;incorporation que vous devez copier. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Code Insira\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/embedcode.jpg\" alt=\"Code Insira\" width=\"550\" height=\"242\" class=\"alignnone size-full wp-image-50068\"><\/p>\n<p>Ensuite, acc\u00e9dez \u00e0 une page ou une page que vous souhaitez ajouter \u00e0 votre carte WordPress interactive.  Dans l&#8217;\u00e9dition suivante, vous devez modifier l&#8217;\u00e9diteur de texte et le code d&#8217;insertion de carte ou le code que vous avez copi\u00e9 pr\u00e9c\u00e9demment. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Code de carte interactif Cole seu pas WordPress\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/pastecode.jpg\" alt=\"Code de carte interactif Cole seu pas WordPress\" width=\"550\" height=\"251\" class=\"alignnone size-full wp-image-50069\"><\/p>\n<p>Vous pouvez maintenant enregistrer vos modifications et visualiser votre publication pour voir votre carte interactive ici. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Visualisation de la carte\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/mappreview.jpg\" alt=\"Visualisation de la carte\" width=\"550\" height=\"344\" class=\"alignnone size-full wp-image-50070\"><\/p>\n<h4><span class=\"ez-toc-section\" id=\"Methode_2_ajouter_une_carte_interactive_non_WordPress_a_laide_dun_plug-in\"><\/span>M\u00e9thode 2: ajouter une carte interactive non WordPress \u00e0 l&#8217;aide d&#8217;un plug-in<span class=\"ez-toc-section-end\"><\/span><\/h4>\n<p>Embora voc\u00ea possa pour cr\u00e9er et ajouter des cartes interactives telles que Google Maps, il manque encore certaines ressources et est limit\u00e9 \u00e0 ou Google Maps. <\/p>\n<p>Si vous souhaitez utiliser Open Street Maps, Bing ou d&#8217;autres services de cartographie, cette m\u00e9thode est pour vous. <\/p>\n<p>Tout d&#8217;abord, vous devez installer et activer le plug-in Maps Marker Pro. Pour plus de d\u00e9tails, consultez notre guide \u00e9tape par \u00e9tape sur la fa\u00e7on d&#8217;installer un plug-in WordPress.<\/p>\n<p>Ap\u00f3 a ativa\u00e7\u00e3o, voc\u00ea deve visite <strong>Maps Marker Pro<\/strong> page pour augmenter votre carte interactive.  Pour commenter, vous ne devez cliquer sur aucun bouton &#8220;Ajouter un nouveau lit&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajoutez une liti\u00e8re nova \u00e0 votre carte\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/mmp-newlayer.png\" alt=\"Ajoutez une liti\u00e8re nova \u00e0 votre carte\" width=\"550\" height=\"294\" class=\"alignnone size-full wp-image-50072\"><\/p>\n<p>Ensuite, vous devez fournir un nom pour votre port\u00e9e et cliquer sur publier. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Crie uma nova camada e publique-a\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/namelayer.png\" alt=\"Crie uma nova camada e publique-a\" width=\"550\" height=\"321\" class=\"alignnone size-full wp-image-50073\"><\/p>\n<p>Maintenant que vous avez soulev\u00e9 une port\u00e9e, vous \u00eates pr\u00eat \u00e0 lui ajouter des marqueurs de carte.  Aller <strong>Maps Marker Pro \u00bbAjouter un nouveau marqueur<\/strong> pour ajouter votre premier signet. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Ajouter le premier marqueur\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/addfirstmarker.jpg\" alt=\"Ajouter le premier marqueur\" width=\"550\" height=\"311\" class=\"alignnone size-full wp-image-50074\"><\/p>\n<p>Tout d&#8217;abord, vous devrez ins\u00e9rer un titre pour ou un marqueur, puis rechercher ou local et le s\u00e9lectionner. <\/p>\n<p>Vous devrez \u00e9galement placer votre marqueur dans la liti\u00e8re que vous avez soulev\u00e9e plus t\u00f4t.  Vous pouvez le faire en tapant ou en ne me donnant pas une port\u00e9e, pas un champ Port\u00e9es et en s\u00e9lectionnant -o.<\/p>\n<p>Il n&#8217;est pas n\u00e9cessaire de cliquer sur le bouton &#8220;Publier&#8221; pour enregistrer votre favori. <\/p>\n<p>R\u00e9p\u00e9tez ou proc\u00e9dez pour ajouter d&#8217;autres marqueurs \u00e0 la liti\u00e8re. <\/p>\n<p>Vous pouvez ajouter vos favoris, vous pouvez modifier n&#8217;importe quel article ou page WordPress que vous souhaitez ajouter ou mapper. <\/p>\n<p>Dans la structure de publication, cliquez sur aucun bouton &#8220;Ajouter une carte&#8221;. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Bot\u00e3o Ajouter une carte\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/addmap.png\" alt=\"Bot\u00e3o Ajouter une carte\" width=\"550\" height=\"271\" class=\"alignnone size-full wp-image-50076\"><\/p>\n<p>Un pop-up janela appara\u00eetra montrant tous les marqueurs de carte \u00e0 la liti\u00e8re que vous avez soulev\u00e9e plus t\u00f4t.  Vous devez s\u00e9lectionner une port\u00e9e et cliquer sur aucun bouton. Ins\u00e9rer la carte. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"S\u00e9lectionnez et ins\u00e9rez la carte dans votre message ou page\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/selectlayer.png\" alt=\"S\u00e9lectionnez et ins\u00e9rez la carte dans votre message ou page\" width=\"550\" height=\"301\" class=\"alignnone size-full wp-image-50077\"><\/p>\n<p>Soit le plug-in ajoutera ou le code court n\u00e9cessaire dans la zone de votre \u00e9diteur de publication.  Vous pouvez maintenant enregistrer ou publier votre message et le visualiser pour afficher votre carte interactive. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" title=\"Visualisez votre carte interactive\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/06\/previewmap.jpg\" alt=\"Visualisez votre carte interactive\" width=\"550\" height=\"343\" class=\"alignnone size-full wp-image-50078\"><\/p>\n<p>Vous pouvez toujours modifier votre port\u00e9e principale pour ajuster la taille de la carte. <\/p>\n<p>Ou Maps Marker Pro est un plugin puissant avec de nombreuses options, telles que des cartes de plusieurs port\u00e9es, des marqueurs personnalis\u00e9s, des adresses, la prise en charge de GPX, l&#8217;exportation de cartes dans divers formats et bien d&#8217;autres.  Vous pouvez explorer ces options pour rendre vos cartes encore plus interactives. <\/p>\n<p>Nous esp\u00e9rons que cet article vous a aid\u00e9 \u00e0 apprendre \u00e0 ajouter une carte interactive non WordPress.  Vous pouvez \u00e9galement voir deux listes de plugins de Google Maps pour WordPress. <\/p>\n<p>Vous devez destez artigo, assine ou nosso YouTube pour assister \u00e0 des vid\u00e9os de tutoriel WordPress.  Vous pouvez \u00e9galement nous trouver em Twitter et Facebook.<\/p>\n  <div id=\"ez-toc-container\" class=\"ez-toc-v2_0_89 ez-toc-wrap-center counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-une-carte-interactive-et-non-wordpress\/#Didacticiel_video\" >Didacticiel vid\u00e9o<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-une-carte-interactive-et-non-wordpress\/#Methode_1_ajouter_une_carte_interactive_non_WordPress_en_utilisant_ou_Google_My_Maps\" >M\u00e9thode 1: ajouter une carte interactive non WordPress en utilisant ou Google My Maps<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/blogging-techies.com\/fr\/comment-ajouter-une-carte-interactive-et-non-wordpress\/#Methode_2_ajouter_une_carte_interactive_non_WordPress_a_laide_dun_plug-in\" >M\u00e9thode 2: ajouter une carte interactive non WordPress \u00e0 l&#8217;aide d&#8217;un plug-in<\/a><\/li><\/ul><\/nav><\/div>\n ","protected":false},"excerpt":{"rendered":"<p>Voulez-vous ajouter une carte interactive non WordPress? Les cartes interactives permettent \u00e0 vos utilisateurs de d\u00e9couvrir des itin\u00e9raires cass\u00e9s, des viagens et des itin\u00e9raires en cliquant sur les marqueurs, pas sur la carte ou en bougeant ou en passant la souris. Dans cet article, nous allons montrer comment ajouter facilement une carte interactive non WordPress. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":18781,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[274,527,31,528,66,45],"class_list":["post-18780","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blogs","tag-ajouter","tag-carte","tag-comment","tag-interactive","tag-une","tag-wordpress"],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/18780","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/comments?post=18780"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/posts\/18780\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media\/18781"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/media?parent=18780"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/categories?post=18780"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/fr\/wp-json\/wp\/v2\/tags?post=18780"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}