{"id":1263,"date":"2009-12-28T16:37:48","date_gmt":"2009-12-28T15:37:48","guid":{"rendered":"http:\/\/flaven.fr\/?p=1263"},"modified":"2013-09-25T10:41:19","modified_gmt":"2013-09-25T08:41:19","slug":"wordpress-google-maps-joindre-une-carte-google-map-a-un-article-ou-une-page-sous-wordpress","status":"publish","type":"post","link":"https:\/\/flaven.fr\/2009\/12\/wordpress-google-maps-joindre-une-carte-google-map-a-un-article-ou-une-page-sous-wordpress\/","title":{"rendered":"WordPress, Google Maps &#8211; joindre une carte Google Map \u00e0 un article ou une page sous WordPress"},"content":{"rendered":"<p><!-- WordPress, Google Maps - joindre une carte Google Map \u00e0 un article ou une page sous WordPress --><br \/>\n<!--  WordPress, Google, Plugin, Google Maps, carte, article --><br \/>\nLorsque vous vous mettez \u00e0 \u00e9crire des articles ou des pages sous WordPress, rapidement vous allez souhaiter enrichir ce contenu d&#8217;une carte Google Map<!--more--> si par exemple, vous souhaitez donner l&#8217;emplacement exacte du magasin dont vous faites l&#8217;\u00e9loge ou la critique. Pour ins\u00e9rer un carte GM \u00e0 ce contenu, il va vous falloir trouver rapidement un plugin qui fasse l&#8217;affaire, \u00e0 toutes fins utiles, voici un petit comparatif rapide des plugins les plus performants qui r\u00e9pondent \u00e0 ce besoin cartographique.<\/p>\n<ul>\n<li><a href=\"http:\/\/social.hecube.net\/blog\/2009\/09\/09\/google-flex-buddyress-et-wordpress-interfacer-buddypress-et-google-map-api-sous-flex\/\">Google, Flex, Buddyress et WordPress &#8211; Interfacer BuddyPress et Google Map API sous Flex<\/a><br \/>Notamment la partie consacr\u00e9e  \u00e0 &#8220;Obtenir une API KEY pour Google Maps&#8221;<\/li>\n<\/ul>\n<h4>Obtenir une cl\u00e9 Google Map<\/h4>\n<p>Les \u00e9tapes principales pour l&#8217;obtention de la cl\u00e9 Google Map qui vous sera souvent demander lors de l&#8217;activation du plugin.<\/p>\n<p><b>Vous devez vous inscrire&#8230;<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/wp_geolocalisation_plugin_1.jpg\" alt=\"Wordpress, poEdit - localiser avec poEdit un th\u00e8me WordPress \u00e0 l'aide du fichier de langue\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Vous devez donner l&#8217;adresse du site sur lequel vous souhaitez mettre en place les cartes Google<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/wp_geolocalisation_plugin_2.jpg\" alt=\"Wordpress, poEdit - localiser avec poEdit un th\u00e8me WordPress \u00e0 l'aide du fichier de langue\" width=\"500\" height=\"265\" \/><\/p>\n<p><b>Le s\u00e9same tant attendu : la cl\u00e9 Google Map API<\/b><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/wp_geolocalisation_plugin_3.jpg\" alt=\"Wordpress, poEdit - localiser avec poEdit un th\u00e8me WordPress \u00e0 l'aide du fichier de langue\" width=\"500\" height=\"265\" \/><\/p>\n<blockquote><p>\napi key google =&gt; ABQIAAAAFyG-m8QhmAV1sRfWzKJDFShSYTp878J79xzYAOhGr<br \/>\nVUYUXOeDpixSM1cRwbCgMk5NXr2AfLPyzYPyUAg\n<\/p><\/blockquote>\n<p><b>New-York City, USA<\/b><br \/>\nOn va se servir des coordonn\u00e9es de NYC comme exemple \u00e0 placer sur une carte.<\/p>\n<pre lang=\"text\">\r\n\r\n\tLatitude = 40.7143, Longitude = -74.0060\r\n\tLat    = 40 degrees,   42.9 minutes   North\r\n\tLong = 74 degrees,   0.4 minutes   West\r\n\r\n<\/pre>\n<h4>1. Geo Mashup<\/h4>\n<p>C&#8217;est \u00e0 notre avis le meilleur plugin d&#8217;insertion de carte google dans WordPress. Il y a toutefois, un inconv\u00e9nient, on ne peut associer q&#8217;une seule carte \u00e0 un article ou une page. Il est possible de sauvegarder des cartes sous le nom de son choix mais cela ne permet pas en revanche de les appeler directement dans la code, c&#8217;est dommage ! Par contre, ce plugin met \u00e0 votre disposition quasiment toutes les valeurs de l&#8217;API Google Map.<\/p>\n<p><b>N&#8217;oubliez apres lactivation du plugin, d&#8217;ins\u00e9r\u00e9 la cl\u00e9 API Google sinon, cela ne fonctionnera pas !<\/b><\/p>\n<p><b>Vous ne pouvez pas appeler la carte par le nom sous lequel vous venez sauvegarder la carte.<\/b><\/p>\n<pre lang=\"html\">\r\n[geo_mashup_map name=\"1-Broome-Street-New-York\"  height=\"200\" width=\"490\" zoom=\"17\" add_overview_control=\"true\" add_map_type_control=\"true\"]\r\n<\/pre>\n<p><b>Un usage classique du code \u00e0 ins\u00e9rer pour faire figurer une carte. Automatiquement, la carte selctionn\u00e9 s&#8217;affichera dans l&#8217;article correspondant ou la page correspondante<\/b><\/p>\n<pre lang=\"html\">\r\n\t[geo_mashup_map  height=\"235\" width=\"600\" map_type=\"G_HYBRID_MAP\" zoom=\"19\" add_overview_control=\"true\" add_map_type_control=\"true\"]\r\n<\/pre>\n<blockquote>\n<ul>\n<li>add_map_control &#8211; true or false. Adds zoom\/pan controls.\n<li>add_map_type_control &#8211; true or false. Adds map type selector controls.\n<li>add_overview_control &#8211; true or false. Adds the overview control.\n<li>auto_info_open &#8211; true or false. Opens the info window of the most recent or link source post.\n<li>center_lat &#8211; decimal latitude. With center_lng, an initial center location for the map.\n<li>center_lng &#8211; decimal longitude. With center_lat, an initial center location for the map.\n<li>click_to_load &#8211; true or false. Activates the click-to-load feature described above. Default is false.\n<li>click_to_load_text &#8211; the text displayed in the click-to-load pane.\n<li>disable_tab_auto_select &#8211; For use with the tabbed category index, shows all posts to begin with. Allows the info window to remain open.\n<li>height &#8211; the height of the map in pixels\n<li>interactive_legend &#8211; true or false. Controls the display of checkboxes in map legend. Default is true.\n<li>legend_format &#8211; dl or table. Formats the category legend using a definition list or table. Default is table.\n<li>limit &#8211; the maximum number of items to include on a global map or contextual map.\n<li>map_content &#8211; global, single, or contextual. Overrides the default content of a map.\n<li>map_control &#8211; !GSmallZoomControl, !GSmallMapControl, !GLargeMapControl, !GSmallZoomControl3d, !GLargeMapControl3D\n<li>map_type &#8211; G_NORMAL_MAP, G_SATELLITE_MAP, G_HYBRID_MAP, G_PHYSICAL_MAP\n<li>map_cat &#8211; the ID of the category to display (you can edit the category and look for cat_ID in the address bar)\n<li>marker_min_zoom &#8211; hide markers until zoom level, 0 to 20\n<li>name &#8211; name for this map. You can then use the name in the for_map parameters of other tags.\n<li>show_future &#8211; true or false. Includes future-dated posts. Default is false.\n\t\t<\/ul>\n<\/blockquote>\n<p><i>Source : http:\/\/code.google.com\/p\/wordpress-geo-mashup\/wiki\/TagReference<\/i><\/p>\n<h4>2. Google Map Shortcode<\/h4>\n<p>Ce plugin s&#8217;appuie sur les &#8220;Customs values&#8221; ou &#8220;Champs personnalis\u00e9s&#8221; pour attacher une carte google map un  article ou \u00e0 une page. Nous ne sommes pas parvenu \u00e0 faire fonctionner correctement ce plugin mais toutefois le code semble prometteur.<\/p>\n<pre lang=\"html\">\r\n\t[google-map-sc address=\"3501 S.W. 130th Ave., Davie 33330\" width=\"250\" height=\"250\" zoom=\"14\"]\r\n<\/pre>\n<h4>3. WP Geo<\/h4>\n<p>L\u00e0 encore un code prometteur mais bien des difficult\u00e9s \u00e0 la mettre en place et \u00e0 le faire fonctionner.<\/p>\n<pre lang=\"html\">\r\n\t[wpgeo_longitude]40.7143[\/wpgeo_longitude]\r\n\t[wpgeo_latitude]-74.0060[\/wpgeo_latitude]\r\n<\/pre>\n<p><em>Source : <a href=\"http:\/\/www.wpgeo.com\/\" target=\"_blank\">http:\/\/www.wpgeo.com\/<\/a><\/em><\/p>\n<h2>Pour aller plus loin<\/h2>\n<ul>\n<li>La page du Codex de WordPress consacr\u00e9 \u00e0 la question de la traduction Translating WordPress<br \/>\n\t\t<a href=\"http:\/\/wordpress.org\/extend\/plugins\/geo-mashup\/\" target=\"_blank\">http:\/\/wordpress.org\/extend\/plugins\/geo-mashup\/<\/a><\/li>\n<li>La page du Codex de WordPress consacr\u00e9 \u00e0 la question de la traduction Translating WordPress<br \/>\n\t\t\t<a href=\"http:\/\/wordpress.org\/extend\/plugins\/tags\/google-map\" target=\"_blank\">\thttp:\/\/wordpress.org\/extend\/plugins\/tags\/google-map<\/a><\/li>\n<li>Map Coordinates Finder<br \/>\n\t\t<a href=\"http:\/\/www.batchgeocode.com\/lookup\/\" target=\"_blank\">http:\/\/www.batchgeocode.com\/lookup\/<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Lorsque vous vous mettez \u00e0 \u00e9crire des articles ou des pages sous WordPress, rapidement vous allez souhaiter enrichir ce contenu d&#8217;une carte Google Map<\/p>\n","protected":false},"author":1,"featured_media":9488,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"bf_ai_meta_description":"Ajoutez une carte Google Map \u00e0 vos articles ou pages WordPress avec des plugins performants. Comparez les outils pour obtenir les meilleurs r\u00e9sultats.","bf_ai_og_title":"Ajouter Google Maps \u00e0 WordPress","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[3454,3442,3444,3445,3447,3448,3449,3451,3435,3452],"tags":[276,277,2214,278,106,2223],"class_list":["post-1263","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-journalism-writing","category-mobile-devices","category-programming-databases","category-seo-web-marketing","category-technology-trends","category-tools-productivity","category-tutorials-how-to","category-web-design-front-end","category-web-development","category-wordpress-cms","tag-article","tag-carte","tag-google","tag-google-maps","tag-plugin","tag-wordpress"],"jetpack_publicize_connections":[],"jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p3Vuhl-kn","jetpack_featured_media_url":"https:\/\/flaven.fr\/wp-content\/uploads\/2009\/12\/wp_logo_generic5_bf.jpg","_links":{"self":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1263","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/comments?post=1263"}],"version-history":[{"count":1,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1263\/revisions"}],"predecessor-version":[{"id":9489,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/posts\/1263\/revisions\/9489"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media\/9488"}],"wp:attachment":[{"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/media?parent=1263"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/categories?post=1263"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/flaven.fr\/happy-api\/wp\/v2\/tags?post=1263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}