Crea, edita y visualiza datos GeoJSON con un mapa interactivo. Dibuja puntos, líneas y polígonos, edita coordenadas y exporta tus datos geográficos.
Características
- Mapa interactivo: Visualiza e interactúa con datos geográficos en un mapa interactivo impulsado por Leaflet. Desplázate, haz zoom y explora tus características GeoJSON.
- Dibujar características: Dibuja puntos, líneas y polígonos directamente en el mapa. Soporte para Point, LineString, Polygon y sus variantes Multi.
- Editar características: Edita características existentes arrastrando vértices, modificando coordenadas y actualizando propiedades. Elimina características no deseadas con un clic.
- Editor JSON y sincronización en tiempo real: Edita código GeoJSON directamente con resaltado de sintaxis. Los cambios en el mapa, editor JSON o vista de tabla se sincronizan automáticamente en todas las vistas para una edición fluida.
Casos de uso
- Aplicaciones SIG: Crea y edita datos geográficos para aplicaciones SIG, servicios de mapas y herramientas de análisis espacial.
- Mapas web: Genera datos GeoJSON para bibliotecas de mapas web como Leaflet, Mapbox y Google Maps API.
- Servicios de ubicación: Define áreas de servicio, zonas de entrega y límites geográficos para servicios basados en ubicación.
- Visualización de datos: Crea conjuntos de datos geográficos para visualización de datos, mapas coropléticos y paneles interactivos.
Guía de uso
- Dibujar características: Haz clic en los botones de dibujo (Punto, Línea, Polígono) y haz clic en el mapa para crear características.
- Editar características: Haz clic en 'Modo edición' y arrastra vértices para modificar formas de características. Haz clic en 'Modo eliminación' para eliminar características.
- Editar JSON: Cambia a la pestaña Editor JSON para editar código GeoJSON directamente. Los cambios se sincronizan automáticamente con el mapa.
- Exportar datos: Haz clic en 'Guardar como' para descargar tu archivo GeoJSON, o 'Copiar GeoJSON' para copiar al portapapeles.
Detalles técnicos
Especificación del formato GeoJSON
GeoJSON se basa en JSON y sigue la especificación RFC 7946. Utiliza el sistema de referencia de coordenadas WGS84 (CRS:84). Las coordenadas se almacenan como matrices [longitud, latitud]. El formato soporta FeatureCollection (matriz de características), Feature (geometría + propiedades) y objetos Geometry. Cada geometría tiene un campo 'type' (Point, LineString, Polygon, etc.) y un campo 'coordinates' que contiene matrices de coordenadas.
Integración Leaflet
El editor usa Leaflet.js, una biblioteca JavaScript de código abierto para mapas interactivos. Leaflet proporciona renderizado de mapas, capas de mosaicos (OpenStreetMap) y controles de interacción. El complemento leaflet-draw permite dibujar y editar características en el mapa. Las características se renderizan como capas Leaflet (Marker, Polyline, Polygon) y se sincronizan con la estructura de datos GeoJSON.
Sincronización en tiempo real
El editor mantiene sincronización bidireccional entre visualización del mapa, código JSON y vista de tabla. Cuando se dibujan características en el mapa, GeoJSON se actualiza. Cuando se edita JSON, el mapa se vuelve a renderizar. Los cambios en la vista de tabla actualizan tanto el mapa como JSON. Esto se logra mediante oyentes de eventos y gestión de estado usando React hooks.
Preguntas frecuentes
- ¿Qué es GeoJSON y para qué se usa?
- GeoJSON es un formato basado en JSON para codificar estructuras de datos geográficos. Se usa para: 1) Aplicaciones de mapas web (Leaflet, Mapbox, Google Maps); 2) Intercambio de datos de software SIG; 3) APIs y servicios geográficos; 4) Visualización de datos y paneles; 5) Servicios basados en ubicación; 6) Análisis espacial y bases de datos geoespaciales. GeoJSON es legible por humanos, fácil de analizar y ampliamente soportado en todas las plataformas.
- ¿Qué sistema de coordenadas usa GeoJSON?
- GeoJSON usa el sistema de referencia de coordenadas WGS84 (Sistema Geodésico Mundial 1984), también conocido como EPSG:4326. Las coordenadas se almacenan como matrices [longitud, latitud]. La longitud varía de -180° (oeste) a 180° (este), la latitud de -90° (sur) a 90° (norte). Este es el mismo sistema de coordenadas usado por GPS y la mayoría de los servicios de mapas web.
- ¿Cómo dibujo un polígono en el mapa?
- Haz clic en el botón 'Dibujar polígono', luego haz clic en el mapa para colocar vértices. Haz clic en el primer punto nuevamente o haz doble clic para terminar el polígono. Puedes editar el polígono haciendo clic en 'Modo edición' y arrastrando vértices. Para eliminar, haz clic en 'Modo eliminación' y haz clic en la característica.
- ¿Puedo importar archivos GeoJSON existentes?
- Sí, haz clic en el botón 'Abrir' y selecciona un archivo GeoJSON desde tu computadora. El archivo se cargará y se mostrará en el mapa. Formatos soportados: archivos .geojson, .json que contengan datos GeoJSON válidos. El editor valida el formato del archivo antes de importar.
- ¿Se almacenan mis datos en un servidor?
- No, todo el procesamiento ocurre localmente en tu navegador. Tus datos GeoJSON nunca se suben a ningún servidor, garantizando privacidad y seguridad de datos completas. Puedes trabajar sin conexión después de la carga inicial de la página.
Documentación relacionada
- RFC 7946 - El formato GeoJSON - Especificación oficial GeoJSON
- Documentación Leaflet.js - Documentación de biblioteca de mapas interactivos
- GeoJSON.io - Referencia del editor GeoJSON en línea
- OpenStreetMap - Mosaicos de mapas gratuitos y datos geográficos