Erstellen, bearbeiten und visualisieren Sie GeoJSON-Daten mit einer interaktiven Karte. Zeichnen Sie Punkte, Linien und Polygone, bearbeiten Sie Koordinaten und exportieren Sie Ihre geografischen Daten.
Features
- Interaktive Karte: Visualisieren und interagieren Sie mit geografischen Daten auf einer interaktiven Karte, die von Leaflet angetrieben wird. Verschieben, zoomen und erkunden Sie Ihre GeoJSON-Features.
- Features zeichnen: Zeichnen Sie Punkte, Linien und Polygone direkt auf der Karte. Unterstützung für Point, LineString, Polygon und ihre Multi-Varianten.
- Features bearbeiten: Bearbeiten Sie vorhandene Features durch Ziehen von Scheitelpunkten, Ändern von Koordinaten und Aktualisieren von Eigenschaften. Löschen Sie unerwünschte Features mit einem Klick.
- JSON Editor & Echtzeit-Synchronisation: Bearbeiten Sie GeoJSON-Code direkt mit Syntaxhervorhebung. Änderungen in der Karte, im JSON-Editor oder in der Tabellenansicht werden automatisch in allen Ansichten synchronisiert für nahtlose Bearbeitung.
Use Cases
- GIS-Anwendungen: Erstellen und bearbeiten Sie geografische Daten für GIS-Anwendungen, Kartierungsdienste und räumliche Analysetools.
- Web-Kartierung: Generieren Sie GeoJSON-Daten für Web-Kartierungsbibliotheken wie Leaflet, Mapbox und Google Maps API.
- Standortdienste: Definieren Sie Servicebereiche, Lieferzonen und geografische Grenzen für standortbasierte Dienste.
- Datenvisualisierung: Erstellen Sie geografische Datensätze für Datenvisualisierung, Choroplethen-Karten und interaktive Dashboards.
Usage Guide
- Features zeichnen: Klicken Sie auf die Zeichen-Buttons (Punkt, Linie, Polygon) und klicken Sie auf die Karte, um Features zu erstellen.
- Features bearbeiten: Klicken Sie auf 'Bearbeitungsmodus' und ziehen Sie Scheitelpunkte, um Feature-Formen zu ändern. Klicken Sie auf 'Löschmodus', um Features zu entfernen.
- JSON bearbeiten: Wechseln Sie zum JSON Editor Tab, um GeoJSON-Code direkt zu bearbeiten. Änderungen werden automatisch mit der Karte synchronisiert.
- Daten exportieren: Klicken Sie auf 'Speichern unter', um Ihre GeoJSON-Datei herunterzuladen, oder 'GeoJSON kopieren', um in die Zwischenablage zu kopieren.
Technical Details
GeoJSON-Format-Spezifikation
GeoJSON basiert auf JSON und folgt der RFC 7946 Spezifikation. Es verwendet das WGS84-Koordinatenreferenzsystem (CRS:84). Koordinaten werden als [Längengrad, Breitengrad] Arrays gespeichert. Das Format unterstützt FeatureCollection (Array von Features), Feature (Geometrie + Eigenschaften) und Geometry-Objekte. Jede Geometrie hat ein 'type'-Feld (Point, LineString, Polygon, etc.) und ein 'coordinates'-Feld mit Koordinaten-Arrays.
Leaflet-Integration
Der Editor verwendet Leaflet.js, eine Open-Source JavaScript-Bibliothek für interaktive Karten. Leaflet bietet Karten-Rendering, Kachel-Layer (OpenStreetMap) und Interaktionssteuerungen. Das leaflet-draw Plugin ermöglicht das Zeichnen und Bearbeiten von Features auf der Karte. Features werden als Leaflet-Layer (Marker, Polyline, Polygon) gerendert und mit der GeoJSON-Datenstruktur synchronisiert.
Echtzeit-Synchronisation
Der Editor hält eine bidirektionale Synchronisation zwischen Kartenvisualisierung, JSON-Code und Tabellenansicht aufrecht. Wenn Features auf der Karte gezeichnet werden, wird GeoJSON aktualisiert. Wenn JSON bearbeitet wird, wird die Karte neu gerendert. Änderungen in der Tabellenansicht aktualisieren sowohl Karte als auch JSON. Dies wird durch Event-Listener und State-Management mit React Hooks erreicht.
Frequently Asked Questions
- Was ist GeoJSON und wofür wird es verwendet?
- GeoJSON ist ein JSON-basiertes Format zur Codierung geografischer Datenstrukturen. Es wird verwendet für: 1) Web-Kartierungsanwendungen (Leaflet, Mapbox, Google Maps); 2) GIS-Software-Datenaustausch; 3) Geografische APIs und Dienste; 4) Datenvisualisierung und Dashboards; 5) Standortbasierte Dienste; 6) Räumliche Analyse und georäumliche Datenbanken. GeoJSON ist menschenlesbar, einfach zu parsen und wird plattformübergreifend weitgehend unterstützt.
- Welches Koordinatensystem verwendet GeoJSON?
- GeoJSON verwendet das WGS84 (World Geodetic System 1984) Koordinatenreferenzsystem, auch bekannt als EPSG:4326. Koordinaten werden als [Längengrad, Breitengrad] Arrays gespeichert. Längengrad reicht von -180° (West) bis 180° (Ost), Breitengrad von -90° (Süd) bis 90° (Nord). Dies ist dasselbe Koordinatensystem, das von GPS und den meisten Web-Kartierungsdiensten verwendet wird.
- Wie zeichne ich ein Polygon auf der Karte?
- Klicken Sie auf den 'Polygon zeichnen' Button, dann klicken Sie auf die Karte, um Scheitelpunkte zu platzieren. Klicken Sie erneut auf den ersten Punkt oder doppelklicken Sie, um das Polygon zu beenden. Sie können das Polygon bearbeiten, indem Sie auf 'Bearbeitungsmodus' klicken und Scheitelpunkte ziehen. Zum Löschen klicken Sie auf 'Löschmodus' und klicken Sie auf das Feature.
- Kann ich vorhandene GeoJSON-Dateien importieren?
- Ja, klicken Sie auf den 'Öffnen' Button und wählen Sie eine GeoJSON-Datei von Ihrem Computer aus. Die Datei wird geladen und auf der Karte angezeigt. Unterstützte Formate: .geojson, .json Dateien mit gültigen GeoJSON-Daten. Der Editor validiert das Dateiformat vor dem Import.
- Werden meine Daten auf einem Server gespeichert?
- Nein, die gesamte Verarbeitung erfolgt lokal in Ihrem Browser. Ihre GeoJSON-Daten werden niemals auf einen Server hochgeladen, was vollständige Privatsphäre und Datensicherheit gewährleistet. Sie können nach dem ersten Laden der Seite offline arbeiten.
Related Documentation
- RFC 7946 - Das GeoJSON-Format - Offizielle GeoJSON-Spezifikation
- Leaflet.js Dokumentation - Dokumentation der interaktiven Kartenbibliothek
- GeoJSON.io - Referenz des Online GeoJSON Editors
- OpenStreetMap - Kostenlose Kartenkacheln und geografische Daten