Does this tool require external raster map tile servers?

No, it converts raw vector coordinates directly into SVG paths and shapes without fetching external slippy map tiles.

How does the Nominatim geocoding feature work?

You can provide up to 5 place queries, which are queried with policy-compliant pacing (1.1s intervals) to place marker pins on your map.

How are route bearing arrows calculated?

Directional arrows calculate the forward geodesic bearing for each line segment and rotate accordingly based on Mercator projection angles.

How are POI markers categorized and styled?

Points are automatically classified and styled using standard OpenStreetMap tags such as amenity, tourism, and shop with white-halo labels.

Is OpenStreetMap attribution included in the SVG?

Yes, compliant © OpenStreetMap contributors (ODbL) licensing metadata and text are embedded directly within the SVG file.

OpenStreetMap Nominatim / GeoJSON Static SVG Map Renderer with Styled POI Icons and Route Overlay | Online Free Tool

OpenStreetMap Nominatim / GeoJSON Static SVG Map Renderer with Styled POI Icons and Route Overlay | Online Free Tool | Elysia Tools

Examples

1. Hiking Trail and Landmark Map for Travel Article

Travel Content Creator

Background

A blogger needs to illustrate a countryside trail with water bodies, park boundaries, and POIs for a static article.

Problem

Provide a clean, fast-loading vector map showing the hiking trail direction and key stops without external map iframe dependencies.

How to use

Paste the park and trail GeoJSON into the FeatureCollection field, check POI labels and route bearing arrows, and set the dimensions to 960x640.

{"svgWidth": 960, "svgHeight": 640, "showLabels": true, "showBearingArrows": true, "showScaleBar": true, "showGraticule": false, "writeSvgFile": true}

Outcome

A self-contained SVG map highlighting the trail with bearing arrows, classified POIs, park polygons, and an accurate scale bar.

2. City Landmark Basemap with Geocoded Points

Urban Researcher

Background

A researcher needs a static vector graphic representing municipal boundaries with specific landmark locations and a coordinate grid.

Problem

Plot neighborhood polygons and overlay landmark pins by name without looking up exact coordinates manually.

How to use

Paste the boundary GeoJSON, enter landmark queries into the Nominatim input separated by semicolons, and enable the lat/lon graticule.

{"nominatimQueries": "Brandenburg Gate; Museum Island", "svgWidth": 800, "svgHeight": 560, "showLabels": true, "showGraticule": true, "showScaleBar": true, "writeSvgFile": true}

Outcome

A downloadable SVG featuring styled boundary layers, geocoded landmark pins with labels, a graticule overlay, and OSM attribution.

OpenStreetMap Nominatim / GeoJSON Static SVG Map Renderer with Styled POI Icons and Route Overlay

What this tool helps you do

Run this tool

Examples that match this tool

Continue with connected tools and hubs

Learn when to use this tool, what it supports, and how real users apply it.

Key facts

Overview

When to use

How it works

Use cases

Examples

1. Hiking Trail and Landmark Map for Travel Article

2. City Landmark Basemap with Geocoded Points

FAQ

D3.js Data Visualization Samples

SVG Samples

SVG Viewer Samples

GeoJSON Viewer Samples

Audio Melody Contour Extractor

Data URI Generator

CSV Histogram, Scatter and Box Plot Chart Studio

ECharts Theme Token Extractor