Comment insérer une carte IGN du géoportail dans votre blog ou site

Insérer une carte du géoportail.fr peut avoir de très nombreux intérêts dans un blog ou un site internet. Elle permet d'illustrer d'une meilleur façon une carte, car elle offre la possibilité d’intégrer de très nombreux filtres : carte IGN, vue satellite, parcelles cadastrales, réseaux routier, ... et par conséquent à vos lecteurs de rester plus longtemps sur votre site pour éviter qu'ils aillent chercher cette information ailleurs.

Il s'agit d'une application complètement gratuite, ainsi que le partage de carte IGN ou autres filtres.

Par défaut, sous overblog, le lien des cartes à insérer fourni est une google maps, cependant, à l'heure de la rédaction, ces cartes sont moins précises en dehors des grandes villes et offrent beaucoup moins de possibilités de filtres de données sur le térritoire Français.

Je vais essayer de vous expliquer comment importer ou insérer une carte IGN en quelques minutes sur votre site internet ou blog.

Tout d'abord, pour accéder au situe du géoportail, cliquez sur ce lien :

www.geoportail.gouv.fr/

Vous arriverez alors, à cette fenêtre :

Il s'agit d'une application complétement gratuite, et le partage de carte l'est également.

Vous arriverez alors sur cette page.

Il va falloir créer un compte, cela prend quelques secondes allez en haut à droite de la fenêtre,et cliquez sur créer mon espace.

Il vous sera demandé une adresse mail et un mot de passe. Une fois validés, validez votre compte dans votre boîte mail.

Cliquez sur ce symbole en haut à droite, afin de mettre votre carte en plein écran.

Maintenant il va falloir que vous choisissiez le type de filtre que vous voulez appliquer à votre carte. Personnellement je vais axer cette explication sur une carte IGN. Sur votre gauche le menu suggestion devrait être ouvert, s'il ne l'est pas cliquez sur le petit triangle orange en bas à gauche ( celui le plus à gauche possible ). Les cartes IGN est la choix le plus haut de la liste, cliquez dessus.

Votre carte prendra désormais cette apparence.

Utilisez la roulette de votre souris ou utilisez le module d'échelle sur la droite pour aller à votre destination.

Si vous ne savez pas exactement où si situe l'objet de votre requête sur la carte vous pouvez entrer l'adresse en haut à gauche, qui vous emménera à la position recherchée avec un zoom automatique.

Je vais par exemple rentrer Irouléguy, qui fera l'objet du départ d'une randonnée qui sera publié sur ce blog. A cette échelle vous voyez déjà en pointillé les Gr ( chemins de grand randonnée ), mais ce n'est pas ce qui m’intéresse car je vais rechercher une P.R. ( petite randonnée ) partant d'Irouléguy et montant au sommet du Jara, une montagne à proximité. Je vais zommer et déplacer ma carte en laissant un click droit et bougeant la souris pour arriver à un centrage de cette randonnée.

Et voilà vous avez la carte avec le chemin qui est désormais tracé en rose. Pour insérer cette carte sur votre blog, cliquez sur sigle partager en haut à droite de la carte.

Le symbole partager.

Cliquez alors sur copier le code HTML pour intégrer la car dans un site. Sélectionnez alors avec votre souris dans le petit menu déroulant la totalité du code, puis appuyez sur Ctrl + la touche C en même temps. Puis ouvrez sur votre blog, la section Html, en appuyant sur la section html ( </> ) en bas de votre menu de blog. Dans la section Html, appuyez sur les touches Ctrl et v en temps et votre carte est intégrée comme vous pouvez le voir en dessous.

Comme vous pouvez le voir votre carte est apparue, mais elle est trop petite. Allez alors, dans le code de script et changez au tout début des lignes HTML 450 par 750 : width="750"

Et

350 par 550 : height="550"

Voilà votre carte est désormais disponible sur votre page, et vos visiteurs peuvent désormais étudier en plus en détail l'itinéraire que vous vous proposez ( dans mon cas ) mais aussi tout autre type de filtre, dont vous auriez besoin.

En espérant que cet article aura pu répondre à vos questions en la matière de partage de cartes sur le géoportail.

Malheureusement si vous pouvez intégrer parfaitement l'échelle de le filtre et la localisation de votre carte, il n'est pas possible d'importer cette carte avec des tracés ou des graphiques qui vous sont propres, et qui resteront dans votre espace géoportail.

Merci à Vous.

David,

Comments

[JeanLucA4]

Bonjour,

Quid des redevances à Géoportail?
Pour des blogs professionnels, il faut une licence obligatoire (voir mentions légales sur le site de Géoportail)
Pour des amateurs, mentionner le copyright de Géoportail mais à confirmer par ailleurs.

Cordialement

Jean-Luc

[francine]

bonjour,ça peut servir; je te souhaite une bonne journée bisous ps il n'y a pas de mal, tu viens quand tu peux

[chevrette13]

bonjour, oh voilà de bonnes idées, souvent je mets une petite carte lorsqu'il s'agit de situer une ville dans un pays étranger, mais carte non cliquable...

[Paris-Et-Ailleurs]

Bonjour,, sympa l'explication, merci beaucoup, je te souhaite une bonne journée !

[monique75]

Bonjour David merci pour cet article intéressant,
ce qui m'intéresserait c'est de mettre parfois des vues aériennes de certains endroits en 3D je crois est ce possible?
si oui je vais m'inscrire.
bonne journée amitiés monique