🗺️
Editor GeoJSON
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.
Vista de mapa
Editor JSON
Vista de tabla
Loading map...
Características: 0
❓¿Qué es GeoJSON?
GeoJSON es un formato para codificar estructuras de datos geográficos usando JSON. Soporta tipos Point, LineString, Polygon, MultiPoint, MultiLineString, MultiPolygon y GeometryCollection. GeoJSON se usa ampliamente en aplicaciones de mapas web, software SIG y APIs de datos geográficos. Proporciona un formato simple y legible para representar características geográficas con sus propiedades y coordenadas.
✨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.
🎯
Escenarios de aplicación
🌍
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.
📚Introducción técnica
🔬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.
💡Sistema de coordenadas y validación
GeoJSON usa el sistema de coordenadas WGS84 (EPSG:4326). La longitud varía de -180 a 180, la latitud de -90 a 90. El editor valida coordenadas, asegura que los polígonos estén cerrados (las primeras y últimas coordenadas coinciden) y valida la estructura GeoJSON. Las geometrías inválidas se rechazan con mensajes de error para prevenir corrupción de datos.
❓
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.
💡How To & Tips
✅
Mejor práctica: Siempre valida GeoJSON antes de exportar
Asegúrate de que tu GeoJSON siga la especificación y las coordenadas estén en rangos válidos.
✅
Mejor práctica: Usa nombres de propiedades significativos
Agrega propiedades descriptivas a las características para mejor organización y filtrado de datos.
✅
Mejor práctica: Mantén los polígonos cerrados
Asegúrate de que las coordenadas de los polígonos formen anillos cerrados (las primeras y últimas coordenadas coinciden).
🔗Related Documents
User Comments
Loading...