# OpenStreetMap-Nominatim-/GeoJSON-Renderer für statische SVG-Karten (POI-Icons + Routen-Overlay)

Web-Mercator-Projektion (EPSG:3857-Slippy-Mathematik), an die Daten-Bbox angepasst; klassische OSM-Carto-Palette (Wasser #aad3df, Grün #add19e/#c8facc, Wohnbaufläche #e0dfdf, Gebäude #d9d0c9, Autobahn #e892a2, trunk #f9b29c, primary #fcd6a4, secondary #f7fabf, Wohnstraßen weiß mit casing). POIs werden nach amenity- (restaurant/cafe/bar/parking/information), tourism- (hotel/viewpoint/attraction/museum) und shop-Tags gefärbt, mit Symbolen und weiß umrandeten Beschriftungen (paint-order). LineString-Routen werden blau hervorgehoben mit geodätischen Richtungspfeilen je Segment (θ = atan2(sin Δλ·cos φ₂, cos φ₁·sin φ₂ − sin φ₁·cos φ₂·cos Δλ); Mercator ist konform, Bildschirmdrehung = Kurs − 90°). Die Maßstabsleiste ergibt sich aus Metern/Pixel auf der mittleren Breite der Bbox. Die OSM-Attribution ist in der SVG mit Link auf openstreetmap.org/copyright eingebettet (OSMF-Richtlinien: © OpenStreetMap contributors + ODbL). Nominatim: die offizielle Policy verlangt max. 1 Anfrage/s und einen identifizierenden User-Agent — das Tool begrenzt auf ≤5 Abfragen im Abstand von 1,1 s mit elysia-tools-User-Agent; Fehler werden als Warnungen angezeigt.

> Kanonische Seite: https://elysiatools.com/de/tools/openstreetmap-nominatim-geojson-static-svg-map-renderer-with-styled-poi-icons-and-route-overlay

- **Kategorie:** Geography

- **Schlagwörter:** geojson zu svg, statische karte, osm-carto-stil, poi-icons, routen-overlay, richtungspfeile, nominatim-geokodierung, openstreetmap-attribution, odbl, web mercator, tuilfreie karte, wanderkarte, travelblog-karte, offline-karte

## Überblick

Web-Mercator-Projektion (EPSG:3857-Slippy-Mathematik), an die Daten-Bbox angepasst; klassische OSM-Carto-Palette (Wasser #aad3df, Grün #add19e/#c8facc, Wohnbaufläche #e0dfdf, Gebäude #d9d0c9, Autobahn #e892a2, trunk #f9b29c, primary #fcd6a4, secondary #f7fabf, Wohnstraßen weiß mit casing). POIs werden nach amenity- (restaurant/cafe/bar/parking/information), tourism- (hotel/viewpoint/attraction/museum) und shop-Tags gefärbt, mit Symbolen und weiß umrandeten Beschriftungen (paint-order). LineString-Routen werden blau hervorgehoben mit geodätischen Richtungspfeilen je Segment (θ = atan2(sin Δλ·cos φ₂, cos φ₁·sin φ₂ − sin φ₁·cos φ₂·cos Δλ); Mercator ist konform, Bildschirmdrehung = Kurs − 90°). Die Maßstabsleiste ergibt sich aus Metern/Pixel auf der mittleren Breite der Bbox. Die OSM-Attribution ist in der SVG mit Link auf openstreetmap.org/copyright eingebettet (OSMF-Richtlinien: © OpenStreetMap contributors + ODbL). Nominatim: die offizielle Policy verlangt max. 1 Anfrage/s und einen identifizierenden User-Agent — das Tool begrenzt auf ≤5 Abfragen im Abstand von 1,1 s mit elysia-tools-User-Agent; Fehler werden als Warnungen angezeigt.

## Eingaben

- **GeoJSON FeatureCollection** (textarea): {"type":"FeatureCollection","features":\[…\]}
- **Nominatim-Ortssuchen (max. 5, durch ; getrennt)** (text): Brandenburg Gate; Eiffel Tower (leave empty for offline)
- **SVG-Breite (px)** (number)
- **SVG-Höhe (px)** (number)
- **POI-Beschriftungen** (checkbox)
- **Richtungspfeile der Route** (checkbox)
- **Maßstabsleiste** (checkbox)
- **Breiten-/Längengradnetz** (checkbox)
- **Herunterladbare .svg-Datei erstellen** (checkbox)

## Wann verwenden

- Wenn Sie kompakte Vektorkarten als SVG für Print-Layouts, Flyer, Berichte oder Blogs ohne externe Kartenkachel-Server benötigen.
- Wenn Sie Wanderrouten, Radwege oder GPX-zu-GeoJSON-Strecken mit automatischen Segment-Richtungspfeilen und Kilometrierung darstellen möchten.
- Wenn Sie GeoJSON-Features mit klassifizierten POIs (Gastronomie, Sehenswürdigkeiten, Parkplätze) und integrierter OSM-Attribution exportieren wollen.

## Funktionsweise

- Fügen Sie Ihre GeoJSON FeatureCollection in das Textfeld ein und geben Sie optional bis zu 5 Ortsnamen für die Nominatim-Suche (durch Semikolon getrennt) an.
- Legen Sie die Bildabmessungen (SVG-Breite und -Höhe) fest und aktivieren oder deaktivieren Sie POI-Labels, Richtungspfeile, Maßstabsleiste und das Gradnetz.
- Das Tool berechnet die Web-Mercator-Projektion, schichtet Polygone, Linien sowie klassifizierte POI-Pins und rendert eine saubere SVG-Vektorgrafik mit rechtssicherer ODbL-Attribution zum direkten Download.

## Anwendungsfälle

- Visualisierung von Outdoor-Touren und Wanderstrecken mit Richtungshinweisen für Reiseführer oder Touristik-Websites.
- Erstellung maßstabsgetreuer Vektor-Lagepläne für Veranstaltungsorte, Hotels oder Quartiere mit markierten POIs.
- Generierung druckfähiger Kartengrafiken für wissenschaftliche Berichte und Artikel mit konfigurierbarem Koordinatengitter.

## Häufig gestellte Fragen

### Benötigt das Tool einen Kartenserver oder API-Schlüssel für Hintergrundkacheln?

Nein, die Karte wird vollständig aus den im GeoJSON enthaltenen Vektordaten ohne Kachelbilder (Tile-Free) als SVG gerendert.

### Wie werden POIs und Straßen farblich dargestellt?

Das Styling folgt dem OSM-Carto-Farbschema (z. B. Wasser #aad3df, Straßen nach Hierarchie) und erkennt Tags wie amenity, tourism oder shop.

### Wie funktionieren die Richtungspfeile auf Routen?

Für LineString-Geometrien wird der geodätische Vorwärtskurs je Segment berechnet und der Pfeil konform zur Mercator-Projektion gedreht.

### Welche Richtlinien gelten bei der Nominatim-Geokodierung?

Nominatim-Suchen sind auf maximal 5 Anfragen mit festem Abstandsintervall (1,1 s) und vorschriftsmäßigem User-Agent begrenzt.

### Ist die OpenStreetMap-Attribution in der Datei enthalten?

Ja, der SVG-Code enthält standardmäßig den vorgeschriebenen Lizenzhinweis (© OpenStreetMap contributors, ODbL) mit Weblink.

## Ähnliche Tools

- [Audio-Melodiekontur-Extraktor](https://elysiatools.com/de/tools/audio-melody-contour-extractor): Extrahiert die dominante Melodie und bündelt MIDI, Notenereignisse, Tonhöhenkontur, SVG und JSON in einer ZIP-Datei.
- [Data-URI-Generator](https://elysiatools.com/de/tools/data-uri-generator): Konvertiert Dateien in Data URIs (Base64 oder prozent-kodiert), um Bilder, Schriftarten und Ressourcen direkt in HTML, CSS oder Markdown einzubetten
- [CSV-Diagrammstudio: Histogramm, Streudiagramm und Boxplot](https://elysiatools.com/de/tools/csv-histogram-scatter-box-plot-chart-studio): CSV hochladen oder einfügen und sofort zeichnen: Histogramme nach Sturges / Freedman-Diaconis / Scott, Streudiagramme mit Pearson-r und Ausgleichsgerade sowie Tukey-Boxplots — jedes Diagramm als PNG und SVG herunterladbar.
- [ECharts-Theme-Token-Extraktor](https://elysiatools.com/de/tools/echarts-theme-token-extractor): Extrahiert Design-Tokens — Farben, Zahlen, Schriftgrößen und Strings — aus einem ECharts-Theme-JSON und exportiert sie direkt in Ihr Design-System. Fügen Sie ein Theme-Objekt ein (das per echarts.init(dom, themeName) registriert wird) und das Werkzeug durchläuft jedes Leaf, taggt jede Farbe (optional Named/rgb → hex normalisiert), jeden Abstand, jede Schriftgröße und jeden String und gibt saubere CSS-Variablen, ein Tailwind theme.extend, ein Style Dictionary tokens.json oder SCSS-Variablen aus. Überbrückt die Lücke zwischen einem ECharts-Visualisierungs-Theme und Figma/CSS/Tailwind-Design-Tokens, ohne jeden Wert von Hand zu kopieren.
- [OCR-PDF-zu-strukturiertes-JSON-Brücke](https://elysiatools.com/de/tools/ocr-pdf-to-structured-json-bridge): Extrahiert die PDF-Textebene mit Geometrie (Zeilen nach y-Position, Tabellen nach Spaltenlücken, Überschriften nach Schriftgröße, Doppelpunkt-Schlüsselwerte) und füllt Feld für Feld ein benutzerdefiniertes JSON Schema — Labels werden über normalisierte Schlüssel gepaart, Werte zu deklarierten Typen konvertiert und mit ajv validiert.
- [Piktogramm-Generator](https://elysiatools.com/de/tools/pictograph-generator): Erstellen Sie Piktogramme mit Symbolen/Ikonen zur Darstellung von Mengen mit anpassbaren Symbolen, Farben und Layouts
- [Podcast-Kapitelmarken-Generator (ID3 / Podcasting 2.0)](https://elysiatools.com/de/tools/podcast-chapter-marker-builder): Füge eine zeitcodierte Kapitelliste ein und erzeuge alle Auslieferungsformate auf einmal: Podcasting-2.0-Kapitel-JSON (v1.2.0) und RSS-Tag podcast:chapters, optionales Einbrennen der ID3v2.4-CHAP+CTOC-Frames in eine hochgeladene MP3 (Millisekunden als normaler Big-Endian-uint32, Offsets 0xFFFFFFFF, TIT2-Subframe pro Kapitel, bestehende Frames bleiben erhalten), Vorbis-Kommentarpaare CHAPTER001 (OGG/Opus), mp4chaps-Text, Zeitstempelblock für die YouTube-Beschreibung und SRT-Sidecar, plus die echte Player-Supportmatrix (Apple nimmt RSS-JSON seit 2025; Pocket Casts/Overcast lesen nur eingebettetes ID3; Spotify ignoriert beide).
- [SQL Ausführungsplan-Visualisierer](https://elysiatools.com/de/tools/sql-explain-plan-visualizer): Füge EXPLAIN-/EXPLAIN-ANALYZE-Ausgaben (PostgreSQL/MySQL/SQLite) ein, um einen Kostenbaum zu erhalten, Abweichungen zwischen geschätzten und tatsächlichen Zeilen zu markieren und Indexvorschläge zu erhalten

## Beispiele

- [D3.js Datenvisualisierung Beispiele](https://elysiatools.com/de/samples/d3js-data-visualization): Umfassende D3.js datenvisualisierung beispiele einschließlich diagramme, karten, animationen und interaktive visualisierungen
- [SVG Beispiele](https://elysiatools.com/de/samples/svg-samples): Beispiele für skalierbare Vektorgrafiken (SVG), die verschiedene SVG-Funktionen und -Techniken demonstrieren
- [SVG-Beispiele](https://elysiatools.com/de/samples/svg-viewer-samples): Vektorgrafik-Beispiele für den SVG-Viewer im Browser
- [GeoJSON-Viewer-Beispiele](https://elysiatools.com/de/samples/geojson-viewer-samples): Ein GeoJSON-Beispiel für die Vorschau im Browser