# Renderizador de mapas SVG estáticos OpenStreetMap Nominatim / GeoJSON (iconos POI + superposición de ruta)

Convierte un GeoJSON FeatureCollection en un SVG estático incrustable sin dependencia de tiles: agua/verdes/edificios/carreteras por clase al estilo OSM Carto, chinchetas POI etiquetadas clasificadas por amenity/shop/tourism, rutas LineString resaltadas con flechas de rumbo geodésico por segmento, barra de escala, retícula y atribución completa de OSM (© OpenStreetMap contributors, ODbL); geocodificación Nominatim opcional (≤5 consultas, con ritmo y User-Agent identificado según la política oficial).

> Página canónica: https://elysiatools.com/es/tools/openstreetmap-nominatim-geojson-static-svg-map-renderer-with-styled-poi-icons-and-route-overlay

- **Categoría:** Geography

- **Palabras clave:** geojson a svg, mapa estático, estilo osm carto, iconos poi, superposición de ruta, flechas de rumbo, geocodificación nominatim, atribución openstreetmap, odbl, web mercator, mapa sin tiles, mapa de senderismo, mapa para blog de viajes, mapa sin conexión

## Descripción general

Proyección Web Mercator (matemática slippy EPSG:3857) ajustada al bbox de los datos; paleta clásica de OSM Carto (agua #aad3df, verdes #add19e/#c8facc, residencial #e0dfdf, edificios #d9d0c9, autovía #e892a2, troncal #f9b29c, primaria #fcd6a4, secundaria #f7fabf, vías residenciales blancas con contorno). Los POI se colorean por tags amenity (restaurant/cafe/bar/parking/information), tourism (hotel/viewpoint/attraction/museum) y shop, con símbolos y etiquetas con halo blanco (paint-order). Las rutas LineString se resaltan en azul con flechas de rumbo geodésico por segmento (θ = atan2(sin Δλ·cos φ₂, cos φ₁·sin φ₂ − sin φ₁·cos φ₂·cos Δλ); Mercator es conforme, rotación en pantalla = rumbo − 90°). La barra de escala se deriva de los metros/píxel en la latitud central del bbox. La atribución OSM se incrusta en el SVG con enlace a openstreetmap.org/copyright (directrices OSMF: © OpenStreetMap contributors + ODbL). Nominatim: la política oficial exige máx. 1 solicitud/segundo y un User-Agent identificativo — este tool limita a ≤5 consultas con 1,1 s de separación y User-Agent elysia-tools; los fallos se muestran como avisos sin interrumpir el render.

## Entradas

- **GeoJSON FeatureCollection** (textarea): {"type":"FeatureCollection","features":\[…\]}
- **Consultas de lugares Nominatim (máx. 5, separadas por ;)** (text): Brandenburg Gate; Eiffel Tower (leave empty for offline)
- **Ancho SVG (px)** (number)
- **Alto SVG (px)** (number)
- **Etiquetas POI** (checkbox)
- **Flechas de rumbo de ruta** (checkbox)
- **Barra de escala** (checkbox)
- **Retícula lat/lon** (checkbox)
- **Generar archivo .svg descargable** (checkbox)

## Cuándo usarlo

- Cuando necesitas generar mapas vectoriales estáticos y ligeros para páginas web o documentos impresos sin depender de servidores de teselas.
- Al visualizar rutas de senderismo o itinerarios de viaje en formato GeoJSON con indicación precisa del sentido de marcha.
- Para crear diagramas cartográficos con puntos de interés clasificados (restaurantes, hoteles, miradores) y geocodificación de apoyo vía Nominatim.

## Cómo funciona

- Pega una colección de geometrías GeoJSON en el área de texto e introduce opcionalmente nombres de lugares para buscar mediante Nominatim.
- Ajusta las dimensiones del lienzo SVG en píxeles y activa elementos como la barra de escala, la retícula de coordenadas o las etiquetas.
- El motor proyecta las coordenadas con Web Mercator (EPSG:3857), calcula los rumbos geodésicos en las líneas y aplica la paleta cartográfica por capas.
- Visualiza el resultado renderizado en pantalla y descarga el archivo .svg generado para incrustarlo en tus proyectos.

## Casos de uso

- Ilustración de artículos en blogs de viajes mediante mapas vectoriales nítidos con paradas y rutas marcadas.
- Generación de planos de situación y mapas de senderismo para guías turísticas en formato PDF o impreso.
- Visualización técnica de capas geográficas GeoJSON en entornos aislados o sin infraestructura de servidores GIS.

## Preguntas frecuentes

### ¿Cómo se estilizan los diferentes elementos del GeoJSON?

Se asignan colores y trazos automáticos según las etiquetas estándar de OSM para agua, zonas verdes, edificios, tipos de carreteras y categorías de POI.

### ¿Requiere conexión a internet para renderizar los mapas?

No es necesaria para procesar datos GeoJSON directos; solo se requiere acceso a internet si se realizan consultas de geocodificación con Nominatim.

### ¿Cuántas consultas de búsqueda mediante Nominatim se permiten?

Permite hasta 5 consultas separadas por punto y coma, espaciadas a 1,1 segundos para cumplir la política de uso del servidor.

### ¿Cómo se calcula la orientación de las flechas en las rutas?

Se calcula el rumbo geodésico exacto en el punto medio de cada segmento LineString y se ajusta conforme a la proyección Web Mercator.

### ¿El archivo SVG exportado incluye atribución de derechos de autor?

Sí, integra en la esquina inferior la atribución obligatoria © OpenStreetMap contributors conforme a la licencia ODbL.

## Herramientas relacionadas

- [Extractor de contorno melódico de audio](https://elysiatools.com/es/tools/audio-melody-contour-extractor): Extrae la melodía dominante y exporta MIDI, eventos de notas, contorno tonal, SVG y JSON en un ZIP.
- [Generador de Data URI](https://elysiatools.com/es/tools/data-uri-generator): Convierte archivos en Data URIs (Base64 o porcentaje-codificado) para incrustar imágenes, fuentes y recursos directamente en HTML, CSS o Markdown
- [Estudio de gráficos CSV: histograma, dispersión y caja](https://elysiatools.com/es/tools/csv-histogram-scatter-box-plot-chart-studio): Sube o pega un CSV y gráficalo al instante: histogramas con reglas Sturges / Freedman-Diaconis / Scott, dispersión con r de Pearson y ajuste por mínimos cuadrados, y diagramas de caja de Tukey — cada gráfico descargable en PNG y SVG.
- [Extractor de tokens de tema ECharts](https://elysiatools.com/es/tools/echarts-theme-token-extractor): Extrae design tokens — colores, números, tamaños de fuente y cadenas — de un JSON de tema ECharts y expórtalos directamente a tu design system. Pega un objeto de tema (el que registras y pasas a echarts.init(dom, themeName)) y la herramienta recorre cada hoja, etiquetando cada color (con normalización opcional nombrado/rgb → hex), número de espaciado, tamaño de fuente y cadena, para luego emitir variables CSS limpias, una configuración theme.extend de Tailwind, tokens.json de Style Dictionary o variables SCSS. Tiende el puente entre un tema de visualización ECharts y los tokens de diseño Figma/CSS/Tailwind sin copiar cada valor a mano.
- [Puente de PDF (OCR) a JSON estructurado](https://elysiatools.com/es/tools/ocr-pdf-to-structured-json-bridge): Extrae la capa de texto del PDF con geometría (líneas por posición y, tablas por huecos de columna, títulos por tamaño de fuente, pares clave-valor con dos puntos) y rellena campo a campo un JSON Schema del usuario — etiquetas emparejadas por claves normalizadas, valores coaccionados a los tipos declarados y validados con ajv.
- [Generador de Pictogramas](https://elysiatools.com/es/tools/pictograph-generator): Crear pictogramas usando iconos/símbolos para representar cantidades con iconos personalizados, colores y diseños
- [Generador de marcadores de capítulos de podcast (ID3 / Podcasting 2.0)](https://elysiatools.com/es/tools/podcast-chapter-marker-builder): Pega una lista de capítulos con marcas de tiempo y genera de una vez todos los formatos de entrega: JSON de capítulos Podcasting 2.0 (v1.2.0) y etiqueta RSS podcast:chapters, opción de grabar marcos ID3v2.4 CHAP+CTOC directamente en un MP3 subido (milisegundos como uint32 big-endian normal, offsets 0xFFFFFFFF, subtrama TIT2 por capítulo, se preservan los marcos existentes), pares de comentarios Vorbis CHAPTER001 (OGG/Opus), texto mp4chaps, bloque de marcas de tiempo para la descripción de YouTube y sidecar SRT, más la matriz real de soporte por reproductor (Apple acepta el JSON por RSS desde 2025; Pocket Casts/Overcast solo leen ID3 incrustado; Spotify ignora ambos).
- [Visualizador de Plan de Ejecución SQL](https://elysiatools.com/es/tools/sql-explain-plan-visualizer): Pega la salida de EXPLAIN / EXPLAIN ANALYZE (PostgreSQL/MySQL/SQLite) para renderizar un árbol de costos, marcar divergencias entre filas estimadas y reales, y sugerir índices

## Ejemplos

- [Ejemplos D3.js Data Visualization](https://elysiatools.com/es/samples/d3js-data-visualization): Ejemplos completos de visualización de datos D3.js incluyendo gráficos, mapas, animaciones y visualizaciones interactivas
- [Ejemplos SVG](https://elysiatools.com/es/samples/svg-samples): Ejemplos de Gráficos Vectoriales Escalables (SVG) que demuestran varias características y técnicas SVG
- [Muestras SVG](https://elysiatools.com/es/samples/svg-viewer-samples): Gráficos vectoriales de muestra para el visor SVG en el navegador
- [Ejemplos de Visor GeoJSON](https://elysiatools.com/es/samples/geojson-viewer-samples): Un ejemplo GeoJSON para vista previa en el navegador