Crea, modifica e visualizza dati GeoJSON con una mappa interattiva. Disegna punti, linee e poligoni, modifica coordinate ed esporta i tuoi dati geografici.
Features
- Mappa interattiva: Visualizza e interagisci con dati geografici su una mappa interattiva alimentata da Leaflet. Sposta, ingrandisci ed esplora le tue caratteristiche GeoJSON.
- Disegna caratteristiche: Disegna punti, linee e poligoni direttamente sulla mappa. Supporto per Point, LineString, Polygon e le loro varianti Multi.
- Modifica caratteristiche: Modifica caratteristiche esistenti trascinando vertici, modificando coordinate e aggiornando proprietà. Elimina caratteristiche indesiderate con un clic.
- Editor JSON e sincronizzazione in tempo reale: Modifica il codice GeoJSON direttamente con evidenziazione della sintassi. Le modifiche nella mappa, nell'editor JSON o nella vista tabella si sincronizzano automaticamente in tutte le viste per una modifica fluida.
Use Cases
- Applicazioni GIS: Crea e modifica dati geografici per applicazioni GIS, servizi di mappatura e strumenti di analisi spaziale.
- Mappatura web: Genera dati GeoJSON per librerie di mappatura web come Leaflet, Mapbox e Google Maps API.
- Servizi di localizzazione: Definisci aree di servizio, zone di consegna e confini geografici per servizi basati sulla localizzazione.
- Visualizzazione dati: Crea set di dati geografici per visualizzazione dati, mappe coropletiche e dashboard interattive.
Usage Guide
- Disegna caratteristiche: Clicca sui pulsanti di disegno (Punto, Linea, Poligono) e clicca sulla mappa per creare caratteristiche.
- Modifica caratteristiche: Clicca su 'Modalità modifica' e trascina i vertici per modificare le forme delle caratteristiche. Clicca su 'Modalità eliminazione' per rimuovere le caratteristiche.
- Modifica JSON: Passa alla scheda Editor JSON per modificare direttamente il codice GeoJSON. Le modifiche si sincronizzano automaticamente con la mappa.
- Esporta dati: Clicca su 'Salva con nome' per scaricare il tuo file GeoJSON, o 'Copia GeoJSON' per copiare negli appunti.
Technical Details
Specifica del formato GeoJSON
GeoJSON è basato su JSON e segue la specifica RFC 7946. Utilizza il sistema di riferimento delle coordinate WGS84 (CRS:84). Le coordinate sono memorizzate come array [longitudine, latitudine]. Il formato supporta FeatureCollection (array di caratteristiche), Feature (geometria + proprietà) e oggetti Geometry. Ogni geometria ha un campo 'type' (Point, LineString, Polygon, ecc.) e un campo 'coordinates' contenente array di coordinate.
Integrazione Leaflet
L'editor utilizza Leaflet.js, una libreria JavaScript open-source per mappe interattive. Leaflet fornisce rendering della mappa, layer di tile (OpenStreetMap) e controlli di interazione. Il plugin leaflet-draw consente di disegnare e modificare caratteristiche sulla mappa. Le caratteristiche sono renderizzate come layer Leaflet (Marker, Polyline, Polygon) e sincronizzate con la struttura dei dati GeoJSON.
Sincronizzazione in tempo reale
L'editor mantiene una sincronizzazione bidirezionale tra visualizzazione della mappa, codice JSON e vista tabella. Quando le caratteristiche sono disegnate sulla mappa, GeoJSON viene aggiornato. Quando JSON viene modificato, la mappa viene ri-renderizzata. Le modifiche nella vista tabella aggiornano sia la mappa che JSON. Questo è ottenuto attraverso listener di eventi e gestione dello stato utilizzando React hooks.
Frequently Asked Questions
- Cos'è GeoJSON e a cosa serve?
- GeoJSON è un formato basato su JSON per codificare strutture di dati geografici. È usato per: 1) Applicazioni di mappatura web (Leaflet, Mapbox, Google Maps); 2) Scambio di dati di software GIS; 3) API e servizi geografici; 4) Visualizzazione dati e dashboard; 5) Servizi basati sulla localizzazione; 6) Analisi spaziale e database geospaziali. GeoJSON è leggibile dall'uomo, facile da analizzare e ampiamente supportato su tutte le piattaforme.
- Quale sistema di coordinate usa GeoJSON?
- GeoJSON utilizza il sistema di riferimento delle coordinate WGS84 (World Geodetic System 1984), noto anche come EPSG:4326. Le coordinate sono memorizzate come array [longitudine, latitudine]. La longitudine varia da -180° (ovest) a 180° (est), la latitudine da -90° (sud) a 90° (nord). Questo è lo stesso sistema di coordinate utilizzato dal GPS e dalla maggior parte dei servizi di mappatura web.
- Come disegno un poligono sulla mappa?
- Clicca sul pulsante 'Disegna poligono', poi clicca sulla mappa per posizionare i vertici. Clicca di nuovo sul primo punto o fai doppio clic per terminare il poligono. Puoi modificare il poligono cliccando su 'Modalità modifica' e trascinando i vertici. Per eliminare, clicca su 'Modalità eliminazione' e clicca sulla caratteristica.
- Posso importare file GeoJSON esistenti?
- Sì, clicca sul pulsante 'Apri' e seleziona un file GeoJSON dal tuo computer. Il file verrà caricato e visualizzato sulla mappa. Formati supportati: file .geojson, .json contenenti dati GeoJSON validi. L'editor valida il formato del file prima dell'importazione.
- I miei dati sono memorizzati su un server?
- No, tutta l'elaborazione avviene localmente nel tuo browser. I tuoi dati GeoJSON non vengono mai caricati su alcun server, garantendo completa privacy e sicurezza dei dati. Puoi lavorare offline dopo il caricamento iniziale della pagina.
Related Documentation
- RFC 7946 - Il formato GeoJSON - Specifica ufficiale GeoJSON
- Documentazione Leaflet.js - Documentazione della libreria di mappe interattive
- GeoJSON.io - Riferimento dell'editor GeoJSON online
- OpenStreetMap - Tile di mappe gratuite e dati geografici