Créez, modifiez et visualisez des données GeoJSON avec une carte interactive. Dessinez des points, des lignes et des polygones, modifiez les coordonnées et exportez vos données géographiques.
Fonctionnalités
- Carte interactive: Visualisez et interagissez avec des données géographiques sur une carte interactive alimentée par Leaflet. Déplacez, zoomez et explorez vos entités GeoJSON.
- Dessiner des entités: Dessinez des points, des lignes et des polygones directement sur la carte. Prise en charge de Point, LineString, Polygon et leurs variantes Multi.
- Modifier des entités: Modifiez les entités existantes en faisant glisser les sommets, en modifiant les coordonnées et en mettant à jour les propriétés. Supprimez les entités indésirables en un clic.
- Éditeur JSON et synchronisation en temps réel: Modifiez le code GeoJSON directement avec coloration syntaxique. Les modifications dans la carte, l'éditeur JSON ou la vue tableau se synchronisent automatiquement sur toutes les vues pour une édition fluide.
Cas d'utilisation
- Applications SIG: Créez et modifiez des données géographiques pour les applications SIG, les services de cartographie et les outils d'analyse spatiale.
- Cartographie Web: Générez des données GeoJSON pour les bibliothèques de cartographie Web comme Leaflet, Mapbox et Google Maps API.
- Services de localisation: Définissez les zones de service, les zones de livraison et les limites géographiques pour les services basés sur la localisation.
- Visualisation de données: Créez des ensembles de données géographiques pour la visualisation de données, les cartes choroplèthes et les tableaux de bord interactifs.
Guide d'utilisation
- Dessiner des entités: Cliquez sur les boutons de dessin (Point, Ligne, Polygone) et cliquez sur la carte pour créer des entités.
- Modifier des entités: Cliquez sur "Mode édition" et faites glisser les sommets pour modifier les formes des entités. Cliquez sur "Mode suppression" pour supprimer les entités.
- Modifier JSON: Passez à l'onglet Éditeur JSON pour modifier directement le code GeoJSON. Les modifications se synchronisent automatiquement avec la carte.
- Exporter les données: Cliquez sur "Enregistrer sous" pour télécharger votre fichier GeoJSON, ou "Copier GeoJSON" pour copier dans le presse-papiers.
Détails techniques
Spécification du format GeoJSON
GeoJSON est basé sur JSON et suit la spécification RFC 7946. Il utilise le système de référence de coordonnées WGS84 (CRS:84). Les coordonnées sont stockées sous forme de tableaux [longitude, latitude]. Le format prend en charge FeatureCollection (tableau d'entités), Feature (géométrie + propriétés) et les objets Geometry. Chaque géométrie a un champ 'type' (Point, LineString, Polygon, etc.) et un champ 'coordinates' contenant des tableaux de coordonnées.
Intégration Leaflet
L'éditeur utilise Leaflet.js, une bibliothèque JavaScript open-source pour les cartes interactives. Leaflet fournit le rendu de carte, les couches de tuiles (OpenStreetMap) et les contrôles d'interaction. Le plugin leaflet-draw permet de dessiner et de modifier des entités sur la carte. Les entités sont rendues comme des couches Leaflet (Marker, Polyline, Polygon) et synchronisées avec la structure de données GeoJSON.
Synchronisation en temps réel
L'éditeur maintient une synchronisation bidirectionnelle entre la visualisation de la carte, le code JSON et la vue tableau. Lorsque des entités sont dessinées sur la carte, GeoJSON est mis à jour. Lorsque JSON est modifié, la carte est re-rendue. Les modifications dans la vue tableau mettent à jour la carte et JSON. Ceci est réalisé grâce aux écouteurs d'événements et à la gestion d'état utilisant les hooks React.
Questions fréquentes
- Qu'est-ce que GeoJSON et à quoi sert-il ?
- GeoJSON est un format basé sur JSON pour encoder des structures de données géographiques. Il est utilisé pour : 1) Applications de cartographie Web (Leaflet, Mapbox, Google Maps) ; 2) Échange de données de logiciels SIG ; 3) API et services géographiques ; 4) Visualisation de données et tableaux de bord ; 5) Services basés sur la localisation ; 6) Analyse spatiale et bases de données géospatiales. GeoJSON est lisible par l'homme, facile à analyser et largement pris en charge sur toutes les plateformes.
- Quel système de coordonnées GeoJSON utilise-t-il ?
- GeoJSON utilise le système de référence de coordonnées WGS84 (World Geodetic System 1984), également connu sous le nom d'EPSG:4326. Les coordonnées sont stockées sous forme de tableaux [longitude, latitude]. La longitude va de -180° (ouest) à 180° (est), la latitude de -90° (sud) à 90° (nord). C'est le même système de coordonnées utilisé par le GPS et la plupart des services de cartographie Web.
- Comment dessiner un polygone sur la carte ?
- Cliquez sur le bouton "Dessiner un polygone", puis cliquez sur la carte pour placer les sommets. Cliquez à nouveau sur le premier point ou double-cliquez pour terminer le polygone. Vous pouvez modifier le polygone en cliquant sur "Mode édition" et en faisant glisser les sommets. Pour supprimer, cliquez sur "Mode suppression" et cliquez sur l'entité.
- Puis-je importer des fichiers GeoJSON existants ?
- Oui, cliquez sur le bouton "Ouvrir" et sélectionnez un fichier GeoJSON depuis votre ordinateur. Le fichier sera chargé et affiché sur la carte. Formats pris en charge : fichiers .geojson, .json contenant des données GeoJSON valides. L'éditeur valide le format du fichier avant l'importation.
- Mes données sont-elles stockées sur un serveur ?
- Non, tout le traitement se fait localement dans votre navigateur. Vos données GeoJSON ne sont jamais téléchargées sur un serveur, garantissant une confidentialité et une sécurité des données complètes. Vous pouvez travailler hors ligne après le chargement initial de la page.
Documentation connexe
- RFC 7946 - Le format GeoJSON - Spécification officielle GeoJSON
- Documentation Leaflet.js - Documentation de la bibliothèque de cartes interactives
- GeoJSON.io - Référence de l'éditeur GeoJSON en ligne
- OpenStreetMap - Tuiles de carte gratuites et données géographiques