# Рендерер статических SVG-карт OpenStreetMap Nominatim / GeoJSON (POI-иконки + наложение маршрута)

Превращает GeoJSON FeatureCollection в автономную статическую SVG-карту без тайлов: вода/зелень/здания/дороги по классам в стиле OSM Carto, POI-булавки с метками по тегам amenity/shop/tourism, маршруты LineString с стрелками геодезического азимута по сегментам, масштабная линейка, сетка и полная атрибуция OSM (© OpenStreetMap contributors, ODbL); опциональное геокодирование Nominatim (≤5 запросов, темп и идентифицирующий User-Agent по официальной политике).

> Каноническая страница: https://elysiatools.com/ru/tools/openstreetmap-nominatim-geojson-static-svg-map-renderer-with-styled-poi-icons-and-route-overlay

- **Категория:** Geography

- **Ключевые слова:** geojson в svg, статическая карта, стиль osm carto, poi-иконки, наложение маршрута, стрелки азимута, геокодирование nominatim, атрибуция openstreetmap, odbl, web mercator, карта без тайлов, карта для походов, карта для тревел-блога, офлайн-карта

## Обзор

Проекция Web Mercator (формулы slippy EPSG:3857), вписанная в bbox данных; классическая палитра OSM Carto (вода #aad3df, зелень #add19e/#c8facc, жилые зоны #e0dfdf, здания #d9d0c9, магистраль #e892a2, trunk #f9b29c, primary #fcd6a4, secondary #f7fabf, жилые улицы белые с обводкой). POI раскрашиваются по тегам amenity (restaurant/cafe/bar/parking/information), tourism (hotel/viewpoint/attraction/museum) и shop, с символами и метками с белой обводкой (paint-order). Маршруты LineString подсвечиваются синим, стрелки азимута по формуле θ = atan2(sin Δλ·cos φ₂, cos φ₁·sin φ₂ − sin φ₁·cos φ₂·cos Δλ) (Mercator конформен, поворот на экране = азимут − 90°). Масштабная линейка — из метров/пиксель на центральной широте bbox. Атрибуция OSM встроена в SVG со ссылкой на openstreetmap.org/copyright (руководство OSMF: © OpenStreetMap contributors + ODbL). Nominatim: официальная политика — максимум 1 запрос/сек и идентифицирующий User-Agent; инструмент ограничивает ≤5 запросов с интервалом 1,1 с и User-Agent elysia-tools, сбои показываются предупреждениями.

## Входные данные

- **GeoJSON FeatureCollection** (textarea): {"type":"FeatureCollection","features":\[…\]}
- **Запросы мест Nominatim (макс. 5, через ;)** (text): Brandenburg Gate; Eiffel Tower (leave empty for offline)
- **Ширина SVG (px)** (number)
- **Высота SVG (px)** (number)
- **Метки POI** (checkbox)
- **Стрелки азимута маршрута** (checkbox)
- **Масштабная линейка** (checkbox)
- **Сетка широт/долгот** (checkbox)
- **Записать загружаемый .svg** (checkbox)

## Когда использовать

- Необходимо быстро сгенерировать легкую векторную карту маршрута или района без подключения сторонних тайловых сервисов.
- Требуется визуализировать трек путешествия со стрелками направления движения и ключевыми точками интереса для публикации в блоге или печати.
- Нужно получить автономную SVG-карту местности с координатной сеткой и соблюдением требований лицензии OpenStreetMap.

## Как это работает

- Парсит GeoJSON FeatureCollection, вычисляет границы данных (bounding box) и проецирует координаты в системе Web Mercator (EPSG:3857).
- Выполняет опциональный поиск локаций через Nominatim (до 5 запросов с интервалом 1,1 с) и добавляет найденные координаты на карту.
- Отрисовывает слои в строгом порядке: водные объекты, зеленые зоны, здания, классифицированные дороги, маршрутные линии со стрелками азимута и булавки POI с подписями.
- Рассчитывает масштабную линейку для центральной широты области, добавляет опциональную сетку координат и обязательную атрибуцию OpenStreetMap (ODbL).

## Сценарии использования

- Создание иллюстраций пешеходных и туристических маршрутов для путеводителей, тревел-блогов и презентаций.
- Подготовка векторных карт районов и схем проезда для полиграфии без потери четкости при масштабировании.
- Офлайн-визуализация геоданных и GPS-треков в веб-приложениях и аналитических отчетах.

## Частые вопросы

### Требуется ли подключение к тайловым серверам для отрисовки карты?

Нет, генератор создает автономный векторный SVG напрямую из геометрии GeoJSON без использования внешних растровых или векторных тайлов.

### Как вычисляется ориентация стрелок на маршрутах?

Стрелка на каждом сегменте LineString ориентируется по формуле геодезического азимута между соседними вершинами с учетом конформности проекции Меркатора.

### Какие ограничения действуют при геокодировании через Nominatim?

Разрешено не более 5 запросов с обязательным интервалом 1,1 секунды и пользовательским User-Agent согласно официальным правилам использования OSMF.

### Какие категории POI оформляются отдельными иконками?

Инструмент распознает теги amenity (кафе, рестораны, парковки), tourism (отели, смотровые площадки, достопримечательности) и shop.

### Присутствует ли атрибуция данных в итоговом SVG-файле?

Да, в нижний угол SVG автоматически встраивается блок атрибуции © OpenStreetMap contributors со ссылкой на лицензию ODbL.

## Связанные инструменты

- [Извлечение мелодического контура](https://elysiatools.com/ru/tools/audio-melody-contour-extractor): Извлекает ведущую мелодию и помещает MIDI, события нот, контур высоты, SVG и JSON в ZIP.
- [Генератор Data URI](https://elysiatools.com/ru/tools/data-uri-generator): Преобразует файлы в Data URI (Base64 или процентное кодирование) для встраивания изображений, шрифтов и ресурсов прямо в HTML, CSS или Markdown
- [Студия графиков CSV: гистограммы, диаграммы рассеяния и боксы](https://elysiatools.com/ru/tools/csv-histogram-scatter-box-plot-chart-studio): Загрузите или вставьте CSV и сразу постройте графики: гистограммы по правилам Стерджеса / Фридмана-Дьякониса / Скотта, рассеяние с r Пирсона и МНК-прямой, боксы Тьюки — каждый график скачивается в PNG и SVG.
- [Экстрактор токенов темы ECharts](https://elysiatools.com/ru/tools/echarts-theme-token-extractor): Извлекает дизайн-токены — цвета, числа, размеры шрифтов и строки — из JSON темы ECharts и экспортирует их прямо в вашу дизайн-систему. Вставьте объект темы (тот, что регистрируется и передаётся в echarts.init(dom, themeName)) — инструмент обойдёт каждый лист, пометит каждый цвет (с опциональной нормализацией имя/rgb → hex), числовой отступ, размер шрифта и строку, затем выдаст чистые CSS-переменные, конфиг theme.extend для Tailwind, tokens.json Style Dictionary или SCSS-переменные. Мост между темой визуализации ECharts и дизайн-токенами Figma/CSS/Tailwind без копирования каждого значения вручную.
- [Мост OCR PDF → структурированный JSON](https://elysiatools.com/ru/tools/ocr-pdf-to-structured-json-bridge): Извлекает текстовый слой PDF с геометрией (строки по y-координате, таблицы по промежуткам колонок, заголовки по кеглю, пары ключ-значение через двоеточие) и заполняет пользовательскую JSON-схему поле за полем — метки сопоставляются по нормализованным ключам, значения приводятся к объявленным типам и проверяются ajv.
- [Генератор Пиктограмм](https://elysiatools.com/ru/tools/pictograph-generator): Создавайте пиктограммы с использованием иконок/символов для представления количеств с настраиваемыми иконками, цветами и компоновкой
- [Конструктор глав подкаста (ID3 / Podcasting 2.0)](https://elysiatools.com/ru/tools/podcast-chapter-marker-builder): Вставьте список глав с таймкодами и получите сразу все форматы: JSON глав Podcasting 2.0 (v1.2.0) и RSS-тег podcast:chapters, опциональное вписывание фреймов ID3v2.4 CHAP+CTOC прямо в загруженный MP3 (миллисекунды — обычный big-endian uint32, смещения 0xFFFFFFFF, подфрейм TIT2 на главу, существующие фреймы сохраняются), пары Vorbis-комментариев CHAPTER001 (OGG/Opus), текст mp4chaps, блок таймкодов для описания YouTube и SRT-сайдкар, плюс реальная матрица поддержки плеерами (Apple читает RSS-JSON с 2025; Pocket Casts/Overcast — только встроенный ID3; Spotify игнорирует и то, и другое).
- [Визуализатор плана выполнения SQL](https://elysiatools.com/ru/tools/sql-explain-plan-visualizer): Вставьте вывод EXPLAIN / EXPLAIN ANALYZE (PostgreSQL/MySQL/SQLite) — строит дерево стоимости, отмечает расхождения оценочных и фактических строк и предлагает индексы

## Примеры

- [Примеры D3.js Визуализации Данных](https://elysiatools.com/ru/samples/d3js-data-visualization): Комплексные примеры визуализации данных D3.js, включая диаграммы, карты, анимации и интерактивные визуализации
- [SVG Примеры](https://elysiatools.com/ru/samples/svg-samples): Примеры масштабируемой векторной графики (SVG) демонстрирующие различные возможности и техники SVG
- [Образцы SVG](https://elysiatools.com/ru/samples/svg-viewer-samples): Образцы векторной графики для браузерного SVG просмотрщика
- [Примеры просмотра GeoJSON](https://elysiatools.com/ru/samples/geojson-viewer-samples): Пример GeoJSON для предварительного просмотра в браузере