{"id":109,"date":"2013-02-24T15:45:49","date_gmt":"2013-02-24T14:45:49","guid":{"rendered":"https:\/\/www.varcap-informatique.net\/tutoriels\/?p=109"},"modified":"2022-03-24T13:57:13","modified_gmt":"2022-03-24T12:57:13","slug":"comment-integrer-google-map-sur-votre-site-internet","status":"publish","type":"post","link":"https:\/\/www.varcap-informatique.net\/tutoriels\/comment-integrer-google-map-sur-votre-site-internet\/","title":{"rendered":"Comment int\u00e9grer Google Map sur votre site Internet ?"},"content":{"rendered":"\n

Google Map est API gratuite de Google. Elle permet d’afficher une carte sur un site internet.<\/p>\n\n\n\n

Ce tutoriel vous explique comment l’int\u00e9grer sur votre site internet.<\/p>\n\n\n\n

Int\u00e9grer Google Map sur votre site Internet ?<\/h2>\n\n\n\n

– Il suffit de copier la ligne suivante, sur votre site internet, \u00e0 l’endroit ou vos souhaitez incorporer votre plan :<\/p>\n\n\n\n

\n

<img src=\"http:\/\/maps.googleapis.com\/maps\/api\/staticmap?center=Paris,FR<\/span>&zoom=11<\/span>&size=300x300<\/span>&maptype=roadmap&markers=color:red|label:A|48.878814,2.391938<\/span>&sensor=false\"<\/span>><\/code><\/p>\n

– center=Paris,FR<\/span> : correspond \u00e0 la ville et au pays de la carte \u00e0 afficher (on peux aussi pr\u00e9ciser le nom de la rue, l’arrondissement, par ex:Paris19,FR).<\/p>\n

– zoom=11<\/span> : au zoom de la carte.<\/p>\n

– size=300×300<\/span> : \u00e0 la taille d’affichage sur la page web, de la carte.<\/p>\n

– maptype=roadmap&markers=color:red|label:A|48.878814,2.391938<\/span> : correspond au point rouge \u00e0 afficher sur la carte.
Pour conna\u00eetre les coordonn\u00e9es d’une adresse CLIQUEZ ICI.<\/p>\n

– sensor=false<\/span> : si un GPS, prend en charge le positionnement.<\/p>\n

Prenons comme exemple, notre si\u00e8ge social \u00e0 Paris : Rue de Crim\u00e9e Paris 19\u00e8me<\/p>\n

Code du plan ci-dessus<\/span> :
<img src=\"http:\/\/maps.googleapis.com\/maps\/api\/staticmap?center=4Rue de crim\u00e9eParis,FR&zoom=16&size=500x500&&maptype=roadmap&markers=color:red|label:A|48.878814,2.391938&sensor=false\"><\/code><\/p>\n

Dans l’exemple ci-dessus, vous remarquerez que nous avons centr\u00e9 notre plan sur \u00ab\u00a04 Rue de crim\u00e9eParis,FR<\/strong>\u00ab\u00a0, pour un meilleur r\u00e9sultat.<\/p>\n

Voil\u00e0, ce tutoriel est fini. N’h\u00e9sitez pas \u00e0 me contacter, pour me donner vos avis.<\/p>\n<\/div>\n\n\n\n

\n
\"\"<\/figure>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"

Google Map est API gratuite de Google. Elle permet d’afficher une carte sur un site internet. Ce tutoriel vous explique comment l’int\u00e9grer sur votre site internet. Int\u00e9grer Google Map sur votre site Internet ? – Il suffit de copier la ligne suivante, sur votre site internet, \u00e0 l’endroit ou vos souhaitez incorporer votre plan : […]<\/p>\n","protected":false},"author":1,"featured_media":110,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[6],"tags":[],"class_list":["post-109","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-html-php"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/posts\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/comments?post=109"}],"version-history":[{"count":0,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/posts\/109\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/media\/110"}],"wp:attachment":[{"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/media?parent=109"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/categories?post=109"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.varcap-informatique.net\/tutoriels\/wp-json\/wp\/v2\/tags?post=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}