INSERER UNE CARTE GOOGLE DANS UN SITE OU BLOG SANS UNE LIGNE DE CODE

PRESENTATION

Dans un article du 21 août 2007 (YouTube-style Embeddable Maps) on apprend qu'il est désormais possible d'ajouter une carte Google Maps sur son Blog ou Site internet simplement en copiant et collant un morceau de code HTML (iframe).

Grâce à ce système :

Aucune notion de programmation est nécessaire,
Inutile de s'inscrire pour obtenir une clé API Google Maps.

Désormais il vous suffit de suivre ces trois étapes pour intégrer votre carte personnalisée dans votre site ou blog :

Primo :

Connectez vous au site de Google Maps (http://maps.google.fr).

Cliquez sur l'onglet "Mes Cartes", et créez votre carte personnelle.(Comment personnaliser les cartes Google Maps)

Secundo :

Une fois votre carte terminée, cliquez sur le lien "Lien" ( 1 ) situé en haut à droite de la page.

Dans la petite fenêtre orangée, copiez le code situé dans le champ nommé "Collez le code HTML pour l'intégrer sur un site Web" ( 2 ).

Exemple :

<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps/ms?ie=UTF8&amp;hl=fr&amp;msa=0&amp;msid=115115239782170342035.000001120f1e7b0ba07b2&amp;ll=48.156696,0.088577&amp;spn=0.068941,0.156726&amp;output=embed&amp;s=AARTsJoVhN9yeqRtwEOoFLj7yZg8M4G06A"></iframe>
<br />
<small>
<a href="http://maps.google.fr/maps/ms?ie=UTF8&amp;hl=fr&amp;msa=0&amp;msid=115115239782170342035.000001120f1e7b0ba07b2&amp;ll=48.156696,0.088577&amp;spn=0.068941,0.156726&amp;source=embed" style="color:#0000FF;text-align:left">Agrandir le plan</a>
</small>

Tertio :

Collez le code dans la page de votre blog ou site internet.

Et voilà c'est tout !

Désormais la carte va s'afficher dans votre page, avec tous ses marqueurs, info-bulles, surfaces et lignes.

Le résultat :

Agrandir le plan