Tutoriel : Comment créer une carte du plan de zonage de ma ville (PLU)?

Updated 26/05/2020 by Balam Saldana

La visualisation Géo-shapes permet représenter des aires géometriques sur un carte. Nous allons vous présenter comment projeter un plan de zonage de PLU sur une carte à l'aide de la plateforme Koumoul sans avoir besoin de programmer.

Les données de zonage du PLU de votre ville sont peut etre disponible sur data.gouv.fr. La plateforme koumoul supporte les fichiers GeoJSON, CSV et SHP entre autres.
Dans notre exemple, nous allons représenter le plan de zonage de Troyes.

Pour réaliser la visualisation exemple, vous allez avoir besoin des données du plan de zonage de Troyes, d’être connecté à votre compte Koumoul et de quelques minutes.

Lorsque vous êtes connecté à la plateforme, allez dans l'espace de Partage et visualisation de données, cliquez sur Jeux de données dans le menu de navigation. Chargez le fichier des données, que vous venez de télécharger, sur votre compte à l'aide du bouton Fichier dans la section de droite.

Un fois la barre de téléchargement à 100%, vous êtes redirigé vers la page d'édition du jeu de données. Attendez que l'étape 6 de finalisation soit validée et en bleu.

Préparation d'un jeu de données

Vous pouvez modifier le titre du jeu de données, ajouter une description, une licence, une provenance et modifier les libellés des colonnes dans le schéma. Les libellés seront ensuites utilisés dans votre visualisation. Cliquez sur Mettre à jour pour que vos modifications soient prisent en compte.

Pour créer votre carte, cliquez sur Mes visualisations, puis sur Créer une visualisation. Choisissez la visualisation Geo Shapes, ajoutez un titre à votre visualisation et cliquez sur Créer la visualisation.

Choix d'une visualisation

Vous êtes redirigé sur la page de configuration de votre visualisation.

Dans la section sources des données, choisissez le jeu de données du plan de zonage que vous venez d'importer.

Choix du jeu de données dans la configuration

Vous pouvez ensuite modifier les paramètres de la section Options de Rendu pour avoir un rendu visuel qui vous plaît.

Choisissez la Couleur par valeur d'un champ que vous désirez puis choisissez les couleurs pur chaucun des valeur de la colone en cliquant sur les cercles.
Vous pouvez aussi choisir les champs qui seront affichés lorsqu'un utilisateur de la carte va cliquer sur une zone.
Voici les paramètres que nous avons sélectionnés pour notre graphique :

Préparation des données

Le séction de Navigation vous permet d'ajuster la position de votre carte et d'activter la géolocalisation.

Lorsque vous avez un rendu satisfaisant, cliquez sur Enregistrer pour sauvegarder votre visualisation.

Vous pouvez intégrer votre visualisation sur un autre site en copiant le code de votre visualisation à l'aide du bouton Intégrer dans un site sur la droite de la page de configuration de votre visualisation.

Votre code devrait ressembler à ça :

<iframe src="https://koumoul.com/s/data-fair/app/zonage-du-plu-de-troyes?embed=true" width="100%" height="500px" style="background-color: transparent; border: none;"></iframe>

Pour que votre visualisation soit accessible à tous les visiteurs de votre site, activez l'accès au public dans la page d'édition de vos données et la page de configuration votre visualisation.

Une fois integrée vous aurez ce rendu :

Il est possible d'ajouter un document attaché à votre jeu de données. Les utilisateurs de votre visualisation peuvent cliquer sur une zone de la carte pour avoir le document attaché dans le menu.
Il peuvent aussi cliquer sur la légende pour afficher une seule zone.

N'hésitez pas à nous contacter pour toute information supplémentaire. Si vous souhaitez aller plus loin, nous pouvons aussi réaliser des visualisations personnalisées.

Share
facebook twitter linkedin