Convertir GeoJSON en mapa SVG
GeneradoresTodo se ejecuta en tu navegador: no se sube nada
Pega el GeoJSON y se dibuja al momento como un mapa SVG que puedes copiar o descargar como `.svg`. Admite Point / LineString / Polygon y sus formas Multi, además de Feature, FeatureCollection y GeometryCollection. Las coordenadas son `[longitud, latitud]`. ⚠️ El eje y de la latitud va invertido. La latitud crece hacia el norte y el eje y del SVG crece hacia abajo: sin invertirlo, todo el mapa sale del revés y aun así parece «un mapa» (el mar sigue siendo el mar), por lo que el error es muy difícil de ver a ojo. Aquí se invierte siempre, así que los puntos del hemisferio norte caen en la parte de arriba. Tres proyecciones: equirectangular (la más simple; estira en horizontal a latitudes altas), Mercator (la que usan los mapas web: las formas locales quedan bien pero las latitudes altas se distorsionan) y longitud y latitud directas (escalado no uniforme que llena el lienzo, así que estira). ⚠️ Hay un tope de coordenadas. Un GeoJSON de fronteras muy preciso puede tener cientos de miles de puntos, y dibujarlos todos congela la pestaña — sin error, solo cada vez más lenta. Por eso, al pasar el umbral, da un error claro en lugar de seguir a duras penas. Debajo del mapa se indica el número de elementos, el de puntos y la caja envolvente: con mirar la caja ya se ve si los datos son los que esperabas.
Funciones
- Pega GeoJSON y lo verás dibujado como mapa SVG al momento
- Admite Point / LineString / Polygon y sus formas Multi
- Acepta Feature, FeatureCollection y GeometryCollection
- ⚠️ Invierte el eje y de la latitud, con el norte arriba (sin invertir parece un mapa pero está del revés)
- Tres proyecciones: equirectangular, Mercator y longitud y latitud directas
- Color del trazo, de relleno y grosor ajustables; vértices y red de coordenadas opcionales
- Indica el número de elementos, el de puntos y la caja envolvente
- ⚠️ Al pasar el tope de coordenadas da un error en vez de congelar la pestaña
- Copia el código SVG o descarga un archivo .svg
- Todo se ejecuta en tu navegador y no se sube nada
Cómo se usa
- Pega el GeoJSON en el campo de entrada
- Elige la proyección y cambia colores o grosor si quieres
- Marca los vértices o la red de coordenadas
- Mira la vista previa, el número de elementos y la caja envolvente; copia el código o descarga el .svg
Preguntas frecuentes
- ¿Por qué el mapa invierte el eje y?
- Porque la latitud crece hacia el norte y el eje y del SVG crece hacia abajo, direcciones opuestas. Sin invertir, todo el mapa sale del revés, y aun así parece un mapa (el mar sigue siendo el mar, la tierra sigue siendo tierra), por lo que el error es muy difícil de detectar a ojo. Aquí se niega el valor proyectado de y, de modo que los puntos del hemisferio norte caen de forma natural en la parte de arriba.
- ¿Qué diferencia hay entre Mercator y equirectangular?
- La equirectangular usa la longitud y la latitud directamente como coordenadas planas (`x = longitud`, `y = -latitud`): es la más simple, pero estira en horizontal a latitudes altas (Groenlandia parece enorme). Mercator aplica una transformación no lineal a la latitud (`y = ln(tan(π/4 + φ/2))`), así que las formas locales son más fieles —por eso la usan los mapas web—, pero también distorsiona en latitudes altas y hay que acotar la latitud a ±85,0511° (más allá tiende a infinito). Para una zona pequeña no se nota la diferencia.
- ¿Por qué mi GeoJSON dice que hay demasiadas coordenadas?
- Porque supera los veinte mil puntos. Un conjunto de fronteras o costas de alta precisión tiene fácilmente cientos de miles, y dibujarlos todos como `<path>` congela la pestaña — sin error, solo una página cada vez más lenta, difícil de rastrear. Por eso hay un tope y, al pasarlo, se avisa con claridad para que simplifiques la geometría antes (con algo como mapshaper) y lo intentes de nuevo.
- ¿Puedo usar el resultado directamente como imagen?
- Sí. Lo que se copia es un SVG completo con `xmlns`, así que se puede guardar como `.svg`, insertar en una página web o abrir en Illustrator o Figma para seguir editándolo. Es vectorial, así que no se pixela al ampliar.
Herramientas relacionadas
Editor SVG
ImágenesEscribe SVG a la izquierda y velo a la derecha. Cambia el fondo y revisa xmlns, viewBox y recursos externos. Tu código no entra en la página.
Gráficos
GeneradoresPega dos columnas de datos «etiqueta,valor» y obtén un gráfico de barras, líneas, circular, dispersión o radar con vista previa y SVG descargable.
Mapa mental
GeneradoresEscribe un esquema con sangrías y el mapa mental aparece al momento: a ambos lados o solo a la derecha, y exportable a SVG. Nada sale de tu navegador.
Generador de UUID
GeneradoresGenera una columna de UUID v4, v7, ULID, NanoID o MongoDB ObjectId, uno por línea, lista para pegar en una hoja. Se ejecuta en tu navegador.
Texto de relleno
GeneradoresGenera texto de relleno en latín Lorem ipsum, inglés, chino o japonés, por párrafos, frases o palabras. Todo en tu navegador, sin conexión.
Datos de prueba
GeneradoresDescribe tus campos y obtén registros de prueba realistas en JSON, CSV, TSV, SQL, XML, YAML o TOML. Todo en tu navegador.