--- tags: TutoCarto, Poster, GeoDataPoster image: https://i.imgur.com/hE4j3OB.png description: Comment réaliser une carte et un poster avec les données BDTopo OpenData d'IGN-France et les outils Edugéo ? --- ![](https://i.imgur.com/gDoKp4y.png) # 🎆 Réaliser un #geoDataPoster facile > Cet article s'inspire largement de la publication de Dominic Royé : [Visualize urban growth](https://dominicroye.github.io/en/2019/visualize-urban-growth/). C'est en découvrant les réalisations de [**Dominic Royé sur Twitter** <i class="fa fa-twitter"></i> ](https://mobile.twitter.com/dr_xeo/status/1389584111392669699) et ses posters [des villes françaises](https://mobile.twitter.com/dr_xeo/status/1390620877855903750) que je me suis posé la question de faire la même chose avec des outils comme [**Edugéo**](https://www.edugeo.fr/) et intéresser nos chères têtes blondes au développement urbain... Voici donc un petit **#TutoCarto** pour faire la même chose... ![](https://pbs.twimg.com/media/E0x3VjyXMAADku9?format=jpg&name=360x360) *Paris urban development by Domminic Royé* ## ![](https://upload.wikimedia.org/wikipedia/commons/1/18/Logo-licence-ouverte2.svg =x60) Récupérer des données Les premières choses à dégoter pour faire un **#geoDataPoster**, comme son nom l'indique, ce sont des données géographiques. Heureusement, pour cela il y a les données BDTopo de l'IGN qui sont [diffusées en Licence Ouverte](https://geoservices.ign.fr/documentation/diffusion/telechargement-donnees-libres.html#bd-topo) depuis le début de l'année et plus récemment disponibles [au format Geopackage](https://geoservices.ign.fr/blog/2021/05/10/BDTOPO_Geopackage.html). Mais bon, pour travailler à l'échelle d'une ville en classe, le chargement et le tri dans un fichier geopackage (facilement intégrable sur [QGis](https://www.qgis.org/fr/site/)) peut en rebuter certains. Aussi, nous allons nous procéder autrement en téléchargeant uniquement les données qui nous intéressent sur une petite zone au travers des flux WFS du Géoportail. ### <i class="fa fa-download"></i> Charger une petite zone Rendez-vous sur [**ce site** <i class="fa fa-external-link"></i>](https://viglino.github.io/ol-ext/examples/misc/geoportail.loader.html?lon=7.251707&lat=43.710298&z=13.4&layer=BDTOPO_V3%3Abatiment) qui va nous permettre de charger facilement des données sur une petite zone (pour des zones plus importantes, il vous faudra passer par les geopackages). Déplacez-vous sur la carte afin de vous rendre à l'endroit choisi ou cherchez une adresse dans l'outil dédié. Ouvrez ensuite **le dialogue de chargement** <kbd class="fa fa-hand-o-up"></kbd> dans le menu en haut de l'écran. Il vous propose soit de <kbd class="fa fa-upload"> charger une commune</kbd> (dans ce cas, vous devez connaitre son code INSEE), soit de choisir une <kbd class="fa fa-circle-o"> zone circulaire</kbd> centrée sur la carte. Il vous faudra ensuite cliquer sur le bouton dédié, pour **charger les dalles** <kbd class="fa fa-clone"> dans la zone de chargement</kbd>. A ce stade, vous devez avoir un certain nombre de dalles sélectionnées pour l'importation. Vous pouvez manuellement en ajouter de nouvelles ou en supprimer en cliquant sur la carte. Pour **lancer le chargement** des données, cliquez sur le bouton <kbd class="fa fa-upload"> charger</kbd> et attendez que la patience se termine. ![](https://i.imgur.com/TPIc6gd.jpg) Une fois les données chargées, la sélection permet d'afficher les attributs des objets, en particulier la date d'apparition du bâtiment qui nous intéresse tout particulièrement (attention, toutes les données ne sont pas renseignées). ![](https://i.imgur.com/SVPP73S.jpg) ## <i class="fa fa-download"></i> Enregistrer les données On y est presque, il ne reste plus qu'à enregistrer les données via le bouton <kbd class="fa fa-download"> enregistrer</kbd>. Le dialogue d'enregistrement propose plusieurs options : dans notre cas, nous allons utiliser le **format GeoJSON** et récupérer les données qui intersectent la zone de chargement (la commune ou le cercle) et décocher la suppression des attributs nuls (car on veut aussi les bâtiments dont la date n'est pas renseignée). ![](https://i.imgur.com/PJxDnyc.png) Nous allons également **filtrer les attributs** (bouton <kbd class="fa fa-list"> options...</kbd>) pour ne garder que celui qui nous intéresse : la `date_d_apparition` (cochez `Limiter les attributs` ainsi que les attributs à conserver, gardez aussi la hauteur si vous voulez faire une carte des hauteurs par exemple). Dans le cas de la date d'apparition du bâtiment nous allons également cocher la case *`toInt`* à droite de l'attribut afin de **transformer la date en entier** pour pouvoir l'exploiter par la suite (cette option ne va récupérer que l'année). ![](https://i.imgur.com/T1aGWMT.png) Un petit clic sur le bouton <kbd class="fa fa-map-o"> enregistrer</kbd> permet de charger le fichier GéoJSON qui nous intéresse. Vous pouvez également récupérer la zone de chargement en cliquant sur <kbd class="fa fa-download"> commune</kbd> (elle pourra servir à faire un masque). ## <i class="fa fa-bar-chart"></i> Calculer les statistiques Maintenant qu'on a chargé nos données, il ne reste plus qu'à nous rendre sur le site d'Edugéo [pour **créer une carte statistique** <i class="fa fa-external-link"></i>](https://edugeo.ign.fr/statistique). Si vous n'avez pas de compte enseignant, pas de problème, les mêmes fonctionnalités sont disponibles sur [**le site Macarte.ign.fr** <i class="fa fa-external-link"></i>](https://macarte.ign.fr/statistique) de l'IGN. Glissez-déposez le fichier geoJSON généré précédemment sur la carte du site. Il faut ensuite : 1. Calculer une statistique en mode Choroplète (aplat de couleurs) sur la date d'apparition 2. Utiliser une méthode manuelle avec une dizaine de classes et indiquer les bornes des classes (du fait des valeurs nulles, les statistiques automatiques ne sont pas adaptées) 3. Choisir les couleurs parmi une palette bien fluo ! ![](https://i.imgur.com/Vzltwsi.png) <kbd class="fa fa-gear"></kbd> Pensez à décocher `afficher les contours` ainsi que la coche `superposer` pour ne pas que nos couleurs fluo viennent se mélanger avec le fond... ![](https://i.imgur.com/OBaVQzO.png =x140) <kbd class="fa fa-floppy-o"></kbd> Il ne reste plus qu'à enregistrer la carte ... ![](https://i.imgur.com/poi7VY2.png) ## <i class="fa fa-paint-brush"></i> Personnaliser sa carte Maintenant que notre carte statistique est prête, rendez-vous dans [Edugeo <i class="fa fa-external-link"></i>](https://edugeo.ign.fr/edition) (pour les enseignants) ou [Ma carte <i class="fa fa-external-link"></i>](https://macarte.ign.fr/edition) pour **la personnaliser**. A ce stade, les bâtiments apparaissent bien fluo et pour les rendre encore plus visibles, nous allons **ajouter un fond noir**. L'option n'est pas disponible par défaut dans l'outil mais je vous ai préparé une carte qui va l'ajouter : elle est [disponible en téléchargement ici](https://gist.github.com/Viglino/8f0eec5df03f2359849147d1a1f955e6). Enregistrer [le fichier zip <i class="fa fa-file-archive-o"></i>](https://gist.github.com/Viglino/8f0eec5df03f2359849147d1a1f955e6/archive/48aa67ff44f2128d1b5f756877270acde484b3ea.zip) et faites glisser le fichier `.carte` contenu dans l'archive sur l'outil. Cela va ajouter une couche `Black` dans la liste des couches. Déplacez cette couche pour la mettre en fond et recentrez votre carte. Jouez sur les transparences pour masquer plus ou moins la couche cartographique. ![](https://i.imgur.com/hE4j3OB.png) Reprenez l'habillage de la carte : passez en mode avancé pour modifier la légende, changer sa taille et reprendre quelques titres. ![](https://i.imgur.com/X3MKQWg.png) Puis enregistrez la carte <kbd class="fa fa-floppy-o"></kbd> ## ![](https://github.com/Viglino/font-gis/raw/main/svg/map/uEB2B-story-maps.svg =x50) Imprimer et partager ! Il ne vous reste plus qu'à **imprimer votre poster** <kbd class="fa fa-print"></kbd> et à le partager sur les réseaux sociaux <kbd class="fa fa-share-alt"></kbd>. Vous pouvez aussi l'intégrer directement danc votre blogue ou [créer une carte narrative](https://macarte.ign.fr/carte-narrative/voir/b235c8737d4b253c401516b038d2152a/DataPoster_Nice)... Utilisez d'autres couches de données ou d'autres attributs (la hauteur de bâtiments par exemple) pour faire d'autres [**cartes du même style**](https://mobile.twitter.com/jmviglino/status/1395012829154058241). <iframe style="width:100%; height: 400px" src="https://macarte.ign.fr/carte/063a41086962d916e4783b006b1699fb/DataPoster_nice?ifs=medium"frameborder="0" marginheight="0" marginwidth="0"></iframe> ## Quelques exemples 1. [![](https://pbs.twimg.com/media/E1wStjLWUAAM0pv?format=jpg =400x)](https://mobile.twitter.com/jmviglino/status/1395012829154058241) 2. [![](https://pbs.twimg.com/media/E1rYFThXEAMuvRz?format=jpg =400x)](https://macarte.ign.fr/carte/74588a7dfbb3a3fb74999fb5ec4cf4e8/BDTopo_DIJON)