L'Explorateur de données ouvre un fichier GeoJSON dans votre navigateur et le place sur une carte de base unmap en direct. Voyez ses points, ses lignes et ses polygones, cherchez et filtrez ses attributs, colorez-le selon l'un d'eux, lisez-le en tableau, inspectez ce qui se trouve sous un clic et exportez les entités que vous avez gardées. L'application est en ligne à apps.unmap.dev/data-explorer, et son code source est un projet Next.js autonome que vous pouvez cloner et exécuter avec votre propre clé.
Votre fichier reste dans votre navigateur : il est lu dans la page et n'est envoyé nulle part, et la carte de base est la seule chose qui vient d'unmap. L'application s'ouvre sur un véritable exemple, les 313 districts communautaires de la Ville de Calgary, utilisés sous la Licence du gouvernement ouvert – Ville de Calgary, pour qu'il y ait quelque chose à voir avant de choisir un fichier.
Ce qu'elle fait
- Ouvrir un fichier : avec le bouton, ou en le déposant n'importe où sur la page. Du GeoJSON jusqu'à 25 Mo : une FeatureCollection, une Feature ou une géométrie seule.
- Une validation qui explique : un fichier qui n'est pas du JSON, qui est du TopoJSON, qui déclare un autre système de coordonnées, dont les coordonnées sont projetées ou dont une forme est invalide est refusé avec ce qui ne va pas et comment le corriger, en français ou en anglais. Les entités sans géométrie sont écartées et comptées.
- L'une des quatorze cartes de base : Muted par défaut, faite pour porter des données, en clair ou en sombre selon la page.
- Recherche : dans toutes les valeurs d'attributs, sans tenir compte des accents ni de la casse.
- Colorer selon un attribut : un attribut texte d'au plus 12 valeurs, chacune dans sa couleur, ou un nombre en cinq classes par quantiles. Les entités sans valeur sont en gris.
- Filtrer par valeur : la légende offre une case par valeur de l'attribut coloré, et le tableau, le décompte et l'export suivent la carte.
- Un tableau et un inspecteur au clic : une ligne par entité, qui la cadre sur la carte; un clic sur la carte liste tout ce qui se trouve dessous avec ses attributs, et le tableau suit.
- Export : les entités qui passent les filtres, en GeoJSON RFC 7946 simple, avec leurs attributs.
Construite à partir du registre, sans modification
La carte, la couche de données, la légende et l'inspecteur au clic sont des éléments du registre copiés tels quels. Installer les mêmes pièces dans votre projet tient en une commande :
npx @unmap/cli add map geojson-layer layer-legend feature-inspector map-controlsLa lecture et la vérification du fichier, la recherche, les filtres et les schémas de couleurs sont du TypeScript simple, sans React (lib/geojson.ts et lib/attributes.ts), testés et faciles à reprendre dans votre propre application.
Ce qu'elle ne fait pas
- Téléverser. Une démo publique n'envoie jamais le fichier d'un visiteur avec une clé partagée. Les surcouches hébergées d'unmap acceptent des fichiers jusqu'à 5 Mo avec votre propre clé; cela relève d'une application authentifiée qui vous appartient.
- Reprojeter. Le GeoJSON est en longitude et latitude WGS 84. Un fichier dans un autre système est refusé avec la raison; reprojetez-le d'abord, par exemple avec
ogr2ogr -t_srs EPSG:4326. - D'autres formats. Shapefile, KML, GeoPackage et CSV ne sont pas lus.
- Requêtes spatiales ou édition. Elle filtre sur les attributs et dessine ce qu'on lui donne.
L'exécuter vous-même
Il vous faut Git, Node.js 24, pnpm et une clé de navigateur du tableau de bord qui autorise http://localhost:3207.
git clone --depth 1 https://github.com/unmap-dev/data-explorer.git
cd data-explorer
pnpm install --frozen-lockfile
cp .env.example .env.localRéglez NEXT_PUBLIC_UNMAP_KEY dans .env.local sur votre clé, lancez pnpm dev et ouvrez localhost:3207. L'exemple est livré dans data/calgary-communities.geojson, et pnpm fetch-sample le rafraîchit depuis Open Calgary. La référence de l'API Maps couvre les cartes de base.
