IGN

Géoservices IGN

Intégrer les ressources du Géoportail dans un développement web

Dernière mise à jour : 30 Mai 2018

Table des matières

De nombreuses bibliothèques de développement cartographique pour le web sont compatibles avec les ressources du Géoportail. Les différentes propositions de l’IGN sont configurées pour votre situation suivant vos besoins.

L’accès aux fonds de plan Géoportail avec Leaflet, Openlayers, CesiumJS,…

Les fonctionnalités d’affichage des fonds IGN sont supportées nativement par la plupart des bibliothèques cartographiques JavaScript sans plugin ni extension.

La section Affichage WMTS illustre la manière d’intégrer des tuiles Géoportail dans les bibliothèques javaScript suivantes :

Le SDK JavaScript du Géoportail, une librairie cartographique Géoportail “tout en un”

Le kit de développement (SDK) Géoportail est une librairie JavaScript complète qui permet d’ajouter simplement dans un site web une carte et des outils d’interaction avec les ressources du Géoportail.

Ce SDK existe en version 2D et en version 3D.

Pour en savoir plus sur le SDK, visitez la section SDK du site.

iTowns, Leaflet et Openlayers : des extensions Géoportail pour accéder à l’ensemble des services

Pour faciliter l’utilisation de l’ensemble complet des géoservices dans les bibliothèques JavaScript, l’IGN propose des outils additionnels gratuits et sous licence libre d’utilisation, à utiliser selon les besoins et les contextes d’utilisation :

L’interaction avec le Géoportail sans bibliothèque carto

La bibliothèque d’accès JavaScript Géoportail est une bibliothèque de fonctions JavaScript permettant d’accéder directement aux ressources délivrées par les services web du Géoportail.

Pour en savoir plus sur la bibliothèque d’accès Javascript: La section bibliothèque d’accès du site.

Une solution “zéro développements” : le partage de cartes du site Géoportail

La fonctionnalité de partage du site geoportail.gouv.fr (par “iframe”) vous permet d’inclure une carte dynamique dans votre site avec des ressources et un centrage de votre choix. Ainsi, l’inclusion de la balise suivante (générée sur le site Géoportail) :

<iframe width="100%" height="200" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" sandbox="allow-forms allow-scripts allow-same-origin" src="https://www.geoportail.gouv.fr/embed/visu.html?c=4.102641455280456,46.7978436164658&z=6&l0=ORTHOIMAGERY.ORTHOPHOTOS::GEOPORTAIL:OGC:WMTS&permalink=yes" allowfullscreen></iframe>

Pour plus d’informations sur la création d’une iframe, vous pouvez consulter les tutoriels disponibles sur le site https:www.geoportail.gouv.fr.