# Rendu de cartes SVG statiques OpenStreetMap Nominatim / GeoJSON (icônes POI + superposition d'itinéraire)

Transforme un GeoJSON FeatureCollection en carte SVG statique embarquable sans tuiles : eau/espaces verts/bâtiments/routes par classe façon OSM Carto, épingles POI étiquetées classées par tags amenity/shop/tourism, itinéraires LineString surlignés avec flèches de cap géodésique par segment, échelle graphique, graticule et attribution OSM complète (© OpenStreetMap contributors, ODbL) ; géocodage Nominatim optionnel (≤5 requêtes, cadence et User-Agent identifiant conformément à la politique officielle).

> Page canonique: https://elysiatools.com/fr/tools/openstreetmap-nominatim-geojson-static-svg-map-renderer-with-styled-poi-icons-and-route-overlay

- **Catégorie:** Geography

- **Mots-clés:** geojson vers svg, carte statique, style osm carto, icônes poi, superposition d’itinéraire, flèches de cap, géocodage nominatim, attribution openstreetmap, odbl, web mercator, carte sans tuiles, carte de randonnée, carte de blog de voyage, carte hors ligne

## Présentation

Projection Web Mercator (mathématiques slippy EPSG:3857) ajustée à la bbox des données ; palette OSM Carto classique (eau #aad3df, verts #add19e/#c8facc, résidentiel #e0dfdf, bâtiments #d9d0c9, autoroute #e892a2, trunk #f9b29c, primaire #fcd6a4, secondaire #f7fabf, voiries résidentielles blanches avec contour). Les POI sont colorés par tags amenity (restaurant/cafe/bar/parking/information), tourism (hotel/viewpoint/attraction/museum) et shop, avec symboles et étiquettes à halo blanc (paint-order). Les itinéraires LineString sont surlignés en bleu avec flèches de cap géodésique par segment (θ = atan2(sin Δλ·cos φ₂, cos φ₁·sin φ₂ − sin φ₁·cos φ₂·cos Δλ) ; Mercator est conforme, rotation écran = cap − 90°). L'échelle graphique découle des mètres/pixel à la latitude centrale de la bbox. L'attribution OSM est incrustée dans le SVG avec lien vers openstreetmap.org/copyright (lignes directrices OSMF : © OpenStreetMap contributors + ODbL). Nominatim : la politique officielle impose max 1 requête/s et un User-Agent identifiant — l'outil limite à ≤5 requêtes espacées de 1,1 s avec User-Agent elysia-tools ; les échecs apparaissent en avertissements.

## Entrées

- **GeoJSON FeatureCollection** (textarea): {"type":"FeatureCollection","features":\[…\]}
- **Requêtes de lieux Nominatim (max 5, séparées par ;)** (text): Brandenburg Gate; Eiffel Tower (leave empty for offline)
- **Largeur SVG (px)** (number)
- **Hauteur SVG (px)** (number)
- **Étiquettes POI** (checkbox)
- **Flèches de cap de l'itinéraire** (checkbox)
- **Échelle graphique** (checkbox)
- **Graticule lat/lon** (checkbox)
- **Générer un fichier .svg téléchargeable** (checkbox)

## Quand l'utiliser

- Vous souhaitez intégrer une carte légère, vectorielle et nette sur un site web ou un blog sans dépendre d'un fournisseur de tuiles cartographiques interactives.
- Vous devez visualiser un tracé GPX/GeoJSON de randonnée ou de voyage avec des indications directionnelles claires sur chaque segment.
- Vous préparez un document imprimé, un rapport PDF ou une illustration cartographique statique nécessitant une attribution OpenStreetMap valide et une échelle précise.

## Fonctionnement

- Collez votre structure GeoJSON FeatureCollection dans le champ principal et saisissez éventuellement jusqu'à 5 requêtes de lieux Nominatim pour ajouter des repères géocodés.
- Définissez les dimensions en pixels du SVG souhaité (largeur et hauteur) et ajustez les options visuelles (étiquettes POI, flèches de cap, échelle graphique, graticule).
- L'outil projette les coordonnées géographiques en Web Mercator (EPSG:3857), calcule l'emprise (bbox), applique le rendu stylisé et génère le code SVG directement visualisable ou téléchargeable.

## Cas d'usage

- Illustration d'itinéraires pédestres ou cyclistes pour des guides touristiques ou des carnets de voyage.
- Génération de plans de quartier statiques montrant les commodités proches (restaurants, parkings, hôtels) pour des fiches d'établissements.
- Création de fonds de carte vectoriels allégés avec graticule pour des publications scientifiques ou pédagogiques.

## Questions fréquentes

### Le rendu nécessite-t-il une clé API ou un serveur de tuiles externe ?

Non, le moteur vectorise directement les coordonnées géométriques du GeoJSON en SVG sans charger aucune tuile raster ou vectorielle externe.

### Comment fonctionnent les flèches de direction sur les tracés ?

L'outil calcule le cap géodésique entre les nœuds successifs de chaque LineString pour orienter automatiquement des flèches directionnelles le long du tracé.

### Quelles sont les limites pour le géocodage Nominatim ?

Conformément à la politique d'utilisation OSM, la recherche est limitée à 5 requêtes par exécution, espacées d'au moins 1,1 seconde avec un User-Agent dédié.

### Quels tags OpenStreetMap déterminent les icônes de POI ?

Les entités ponctuelles contenant des tags standards tels que amenity (restaurant, café, parking), tourism (hôtel, point de vue, attraction) ou shop sont reconnues et stylisées.

### L'attribution OpenStreetMap est-elle obligatoire dans le SVG produit ?

Oui, le SVG généré intègre automatiquement la mention de licence légale © OpenStreetMap contributors (ODbL) conformément aux exigences de la fondation OSM.

## Outils associés

- [Extracteur de contour mélodique audio](https://elysiatools.com/fr/tools/audio-melody-contour-extractor): Extrait la mélodie dominante et réunit MIDI, événements de notes, contour de hauteur, SVG et JSON dans un ZIP.
- [Générateur de Data URI](https://elysiatools.com/fr/tools/data-uri-generator): Convertit les fichiers en Data URI (Base64 ou pourcentage-encodé) pour intégrer images, polices et ressources directement dans HTML, CSS ou Markdown
- [Studio de graphiques CSV : histogramme, nuage de points et boîtes](https://elysiatools.com/fr/tools/csv-histogram-scatter-box-plot-chart-studio): Chargez ou collez un CSV et tracez aussitôt : histogrammes selon Sturges / Freedman-Diaconis / Scott, nuage de points avec r de Pearson et droite des moindres carrés, boîtes de Tukey — chaque graphique téléchargeable en PNG et SVG.
- [Extracteur de tokens de thème ECharts](https://elysiatools.com/fr/tools/echarts-theme-token-extractor): Extrait des design tokens — couleurs, nombres, tailles de police et chaînes — d'un JSON de thème ECharts et les exporte directement dans votre design system. Collez un objet thème (celui enregistré et passé à echarts.init(dom, themeName)) et l'outil parcourt chaque feuille, étiquetant chaque couleur (avec normalisation optionnelle nommé/rgb → hex), nombre d'espacement, taille de police et chaîne, puis émet des variables CSS propres, un thème.extend Tailwind, un tokens.json Style Dictionary ou des variables SCSS. Pont entre un thème de visualisation ECharts et les tokens de design Figma/CSS/Tailwind sans recopier chaque valeur à la main.
- [Pont PDF (OCR) vers JSON structuré](https://elysiatools.com/fr/tools/ocr-pdf-to-structured-json-bridge): Extrait la couche texte du PDF avec la géométrie (lignes par position y, tableaux par écarts de colonnes, titres par taille de police, paires clé-valeur à deux-points) puis remplit champ par champ un JSON Schema fourni — libellés appariés par clés normalisées, valeurs coercées vers les types déclarés et validées par ajv.
- [Générateur de Pictogramme](https://elysiatools.com/fr/tools/pictograph-generator): Créez des pictogrammes en utilisant des icônes/symboles pour représenter des quantités avec des icônes, couleurs et mises en page personnalisables
- [Générateur de marqueurs de chapitres podcast (ID3 / Podcasting 2.0)](https://elysiatools.com/fr/tools/podcast-chapter-marker-builder): Collez une liste de chapitres horodatés et générez d'un coup tous les formats de livraison : JSON de chapitres Podcasting 2.0 (v1.2.0) et balise RSS podcast:chapters, gravure optionnelle des trames ID3v2.4 CHAP+CTOC dans un MP3 téléversé (millisecondes en uint32 big-endian simple, offsets 0xFFFFFFFF, sous-trame TIT2 par chapitre, trames existantes préservées), paires de commentaires Vorbis CHAPTER001 (OGG/Opus), texte mp4chaps, bloc d'horodatages pour la description YouTube et sidecar SRT, plus la matrice réelle de support des lecteurs (Apple accepte le JSON via RSS depuis 2025 ; Pocket Casts/Overcast ne lisent que l'ID3 embarqué ; Spotify ignore les deux).
- [Visualiseur de Plan d’Exécution SQL](https://elysiatools.com/fr/tools/sql-explain-plan-visualizer): Collez la sortie EXPLAIN / EXPLAIN ANALYZE (PostgreSQL/MySQL/SQLite) pour obtenir un arbre des coûts, repérer les écarts lignes estimées/réelles et des suggestions d’index

## Exemples

- [Exemples D3.js Data Visualization](https://elysiatools.com/fr/samples/d3js-data-visualization): Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives
- [Exemples SVG](https://elysiatools.com/fr/samples/svg-samples): Exemples de graphiques vectoriels évolutifs (SVG) démontrant diverses fonctionnalités et techniques SVG
- [Échantillons SVG](https://elysiatools.com/fr/samples/svg-viewer-samples): Graphiques vectoriels d'exemple pour la visionneuse SVG
- [Exemples de Visionneuse GeoJSON](https://elysiatools.com/fr/samples/geojson-viewer-samples): Un exemple GeoJSON pour la prévisualisation dans le navigateur