{"id":2425,"date":"2013-04-05T10:05:07","date_gmt":"2013-04-05T08:05:07","guid":{"rendered":"http:\/\/www.jng-web.com\/labo\/?p=2425"},"modified":"2026-02-22T19:41:41","modified_gmt":"2026-02-22T18:41:41","slug":"comment-personnaliser-une-carte-google-maps","status":"publish","type":"post","link":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/","title":{"rendered":"Comment personnaliser une carte Google Maps ?"},"content":{"rendered":"<div class=\"advads-avant-le-contenu\" id=\"advads-980478778\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><div class=\"advads-test\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"advads-2966490226\"><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4944504088214075\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:block;\" data-ad-client=\"ca-pub-4944504088214075\" \ndata-ad-slot=\"4514395581\" \ndata-ad-format=\"auto\"><\/ins>\n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div><p>Lors de l&rsquo;int\u00e9gration d&rsquo;une carte Google Maps \u00e0 un site internet, vous \u00eates un peu frustr\u00e9 de ne pas pouvoir personnalis\u00e9 votre carte. Sachez que votre frustration est inutile. Il est tout \u00e0 fait possible de personnaliser tr\u00e8s facilement une carte Google Maps. Suivez le guide !<\/p>\n<h2>O\u00f9 se rendre pour personnaliser une carte Google Maps ?<\/h2>\n<p>Google propose un \u00e9diteur personnalis\u00e9. Cet \u00e9diteur est la cl\u00e9 pour cr\u00e9er votre carte Google Maps personnalis\u00e9. Pour y acc\u00e9der, il suffit de vous rendre \u00e0 l&rsquo;adresse suivante :\u00a0http:\/\/gmaps-samples-v3.googlecode.com\/svn\/trunk\/styledmaps\/wizard\/index.html.<\/p>\n<h2>Comment personnaliser une carte Google Maps ?<\/h2>\n<p>Pour chacun des \u00e9l\u00e9ments de la carte, vous pouvez lui attribuer un style.<\/p>\n<p>Pour devenir incollable sur la personnalisation d&rsquo;une carte Google Maps, je vous invite \u00e0 consulter le tutoriel pr\u00e9sent \u00e0 cette page : personnaliser Google Maps.<\/p>\n<h2>Comment int\u00e9grer votre chef d&rsquo;oeuvre \u00e0 un site internet ?<\/h2>\n<p>Pour int\u00e9grer votre cr\u00e9ation, \u00e0 un site internet, vous allez devoir int\u00e9grer les codes g\u00e9n\u00e9r\u00e9s \u00e0 votre page web.<\/p>\n<p>Cette \u00e9tape, m\u00eame si elle peut appara\u00eetre un peu barbare pour les personnes ayant du mal avec le code, se r\u00e9v\u00e8lera plus fastidieuse que compliqu\u00e9. En suivant les \u00e9tapes d&rsquo;int\u00e9gration d\u00e9crites sur cette page, vous allez donner vie \u00e0 votre r\u00eave : int\u00e9grer une carte personnalis\u00e9 \u00e0 votre page web.<\/p>\n<blockquote><p>Remarque : Pour information, quelques plugins WordPress vous permettent de r\u00e9aliser tr\u00e8s facilement la personnalisation de cartes Google Maps. Si vous \u00eates int\u00e9ress\u00e9, je vous invite \u00e0 consulter cet article : <a href=\"https:\/\/jng-web.com\/labo\/une-carte-responsive-personnalisable-pour-wordpress\/\" target=\"_blank\" rel=\"noopener\">Deux plugins GMap responsives personnalisables pour WordPress<\/a><\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Lors de l&rsquo;int\u00e9gration d&rsquo;une carte Google Maps \u00e0 un site internet, vous \u00eates un peu frustr\u00e9 de ne pas pouvoir personnalis\u00e9 votre carte. Sachez que &hellip; <\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[7],"tags":[40],"class_list":["post-2425","post","type-post","status-publish","format-standard","hentry","category-scripts-gratuits","tag-script-gratuit"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v21.9.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Comment personnaliser une carte Google Maps ? - Labo JNG WEB<\/title>\n<meta name=\"description\" content=\"Une carte Google Maps peut se personnaliser tr\u00e8s facilement pour une meilleure int\u00e9gration sur votre site internet...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Comment personnaliser une carte Google Maps ? - Labo JNG WEB\" \/>\n<meta property=\"og:description\" content=\"Une carte Google Maps peut se personnaliser tr\u00e8s facilement pour une meilleure int\u00e9gration sur votre site internet...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\" \/>\n<meta property=\"og:site_name\" content=\"Labo JNG WEB\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\" \/>\n<meta property=\"article:author\" content=\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\" \/>\n<meta property=\"article:published_time\" content=\"2013-04-05T08:05:07+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-02-22T18:41:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/03\/logo1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"200\" \/>\n\t<meta property=\"og:image:height\" content=\"200\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"J\u00e9r\u00f4me\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"J\u00e9r\u00f4me\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\"},\"author\":{\"name\":\"J\u00e9r\u00f4me\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\"},\"headline\":\"Comment personnaliser une carte Google Maps ?\",\"datePublished\":\"2013-04-05T08:05:07+00:00\",\"dateModified\":\"2026-02-22T18:41:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\"},\"wordCount\":268,\"commentCount\":9,\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"keywords\":[\"Script gratuit\"],\"articleSection\":[\"Scripts gratuits \/ Frameworks\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\",\"url\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\",\"name\":\"Comment personnaliser une carte Google Maps ? - Labo JNG WEB\",\"isPartOf\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#website\"},\"datePublished\":\"2013-04-05T08:05:07+00:00\",\"dateModified\":\"2026-02-22T18:41:41+00:00\",\"description\":\"Une carte Google Maps peut se personnaliser tr\u00e8s facilement pour une meilleure int\u00e9gration sur votre site internet...\",\"breadcrumb\":{\"@id\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Labo Jng Web\",\"item\":\"https:\/\/jng-web.com\/labo\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Scripts gratuits \/ Frameworks\",\"item\":\"https:\/\/jng-web.com\/labo\/scripts-gratuits\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Comment personnaliser une carte Google Maps ?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jng-web.com\/labo\/#website\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"name\":\"Labo JNG WEB\",\"description\":\"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...\",\"publisher\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jng-web.com\/labo\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/jng-web.com\/labo\/#organization\",\"name\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\",\"url\":\"https:\/\/jng-web.com\/labo\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"contentUrl\":\"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png\",\"width\":342,\"height\":110,\"caption\":\"JNG WEB \/\/ J\u00e9r\u00f4me Guri\"},\"image\":{\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webmaster.referencement.dijon\",\"https:\/\/twitter.com\/jng_web\",\"https:\/\/fr.linkedin.com\/in\/jeromeguri\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590\",\"name\":\"J\u00e9r\u00f4me\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g\",\"caption\":\"J\u00e9r\u00f4me\"},\"description\":\"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.\",\"sameAs\":[\"http:\/\/www.jng-web.com\",\"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster\",\"https:\/\/twitter.com\/JngWeb21\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Comment personnaliser une carte Google Maps ? - Labo JNG WEB","description":"Une carte Google Maps peut se personnaliser tr\u00e8s facilement pour une meilleure int\u00e9gration sur votre site internet...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/","og_locale":"fr_FR","og_type":"article","og_title":"Comment personnaliser une carte Google Maps ? - Labo JNG WEB","og_description":"Une carte Google Maps peut se personnaliser tr\u00e8s facilement pour une meilleure int\u00e9gration sur votre site internet...","og_url":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/","og_site_name":"Labo JNG WEB","article_publisher":"https:\/\/www.facebook.com\/webmaster.referencement.dijon","article_author":"https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","article_published_time":"2013-04-05T08:05:07+00:00","article_modified_time":"2026-02-22T18:41:41+00:00","og_image":[{"width":200,"height":200,"url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/03\/logo1.jpg","type":"image\/jpeg"}],"author":"J\u00e9r\u00f4me","twitter_misc":{"\u00c9crit par":"J\u00e9r\u00f4me","Dur\u00e9e de lecture estim\u00e9e":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#article","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/"},"author":{"name":"J\u00e9r\u00f4me","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590"},"headline":"Comment personnaliser une carte Google Maps ?","datePublished":"2013-04-05T08:05:07+00:00","dateModified":"2026-02-22T18:41:41+00:00","mainEntityOfPage":{"@id":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/"},"wordCount":268,"commentCount":9,"publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"keywords":["Script gratuit"],"articleSection":["Scripts gratuits \/ Frameworks"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/","url":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/","name":"Comment personnaliser une carte Google Maps ? - Labo JNG WEB","isPartOf":{"@id":"https:\/\/jng-web.com\/labo\/#website"},"datePublished":"2013-04-05T08:05:07+00:00","dateModified":"2026-02-22T18:41:41+00:00","description":"Une carte Google Maps peut se personnaliser tr\u00e8s facilement pour une meilleure int\u00e9gration sur votre site internet...","breadcrumb":{"@id":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jng-web.com\/labo\/comment-personnaliser-une-carte-google-maps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Labo Jng Web","item":"https:\/\/jng-web.com\/labo\/"},{"@type":"ListItem","position":2,"name":"Scripts gratuits \/ Frameworks","item":"https:\/\/jng-web.com\/labo\/scripts-gratuits\/"},{"@type":"ListItem","position":3,"name":"Comment personnaliser une carte Google Maps ?"}]},{"@type":"WebSite","@id":"https:\/\/jng-web.com\/labo\/#website","url":"https:\/\/jng-web.com\/labo\/","name":"Labo JNG WEB","description":"R\u00e9f\u00e9rencement, Webmastering, CMS, Logiciels ...","publisher":{"@id":"https:\/\/jng-web.com\/labo\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jng-web.com\/labo\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/jng-web.com\/labo\/#organization","name":"JNG WEB \/\/ J\u00e9r\u00f4me Guri","url":"https:\/\/jng-web.com\/labo\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/","url":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","contentUrl":"https:\/\/jng-web.com\/labo\/wp-content\/uploads\/2015\/04\/logo.png","width":342,"height":110,"caption":"JNG WEB \/\/ J\u00e9r\u00f4me Guri"},"image":{"@id":"https:\/\/jng-web.com\/labo\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webmaster.referencement.dijon","https:\/\/twitter.com\/jng_web","https:\/\/fr.linkedin.com\/in\/jeromeguri"]},{"@type":"Person","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/8dceaae857bc9738baa63b3d19fb4590","name":"J\u00e9r\u00f4me","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/jng-web.com\/labo\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/21ca560712e7f1303d8c7c22d9ac9254b56517b653bfcb97d6736933471b2ea3?s=96&d=http%3A%2F%2Fwww.jng-web.com%2Flabo%2Fwp-content%2Fuploads%2F2013%2F12%2Favatar-blog-jng-web.png&r=g","caption":"J\u00e9r\u00f4me"},"description":"Passionn\u00e9 par le web, je m'int\u00e9resse depuis quelques ann\u00e9es aux technologies de l'information et de la communication, et plus particuli\u00e8rement \u00e0 la cr\u00e9ation et au r\u00e9f\u00e9rencement de sites internet.","sameAs":["http:\/\/www.jng-web.com","https:\/\/fr-fr.facebook.com\/JNGWEB.webmaster","https:\/\/twitter.com\/JngWeb21"]}]}},"views":11527,"_links":{"self":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/2425","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/comments?post=2425"}],"version-history":[{"count":2,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/2425\/revisions"}],"predecessor-version":[{"id":3235536,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/posts\/2425\/revisions\/3235536"}],"wp:attachment":[{"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/media?parent=2425"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/categories?post=2425"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jng-web.com\/labo\/wp-json\/wp\/v2\/tags?post=2425"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}