GeoJSON pour les cartes web : un guide

GeoJSON est le principal format d'échange de géodonnées sur le web. Toutes les bibliothèques cartographiques populaires — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — prennent en charge GeoJSON nativement. Avec osm2cdr.com, vous pouvez exporter n'importe quelle zone d'OpenStreetMap en GeoJSON en quelques secondes.

Structure du GeoJSON

Un fichier GeoJSON est un simple JSON contenant des objets de type FeatureCollection. Chaque Feature contient une géométrie (point, ligne, polygone) et des propriétés (properties) — les tags OpenStreetMap : nom, type d'objet, adresse et autres attributs.

Comment l'intégrer à Leaflet

La façon la plus simple d'afficher du GeoJSON sur une carte web :

fetch('/data/moscow-buildings.geojson')
  .then(r => r.json())
  .then(data => L.geoJSON(data, {
    style: { color: '#3388ff', weight: 1, fillOpacity: 0.3 }
  }).addTo(map));

Stylisation selon les propriétés

Le GeoJSON issu d'osm2cdr.com conserve les tags OSM : highway, building, amenity, natural et autres. Cela permet de styliser les objets selon leur type :

L.geoJSON(data, {
  style: function(feature) {
    if (feature.properties.building) return { color: '#e74c3c' };
    if (feature.properties.natural === 'water') return { color: '#3498db' };
    return { color: '#95a5a6' };
  }
});

Optimisation pour les grands volumes

GeoJSON fonctionne très bien pour les zones petites et moyennes (jusqu'à 50 km²). Pour les grands territoires :

• GeoJSON-Seq — format en flux, le fichier se charge ligne par ligne.
• PMTiles — format tuilé cloud-native avec affichage instantané de millions d'objets.
• Tuiles vectorielles — chargées au fur et à mesure de la navigation sur la carte.

Outils pour travailler avec GeoJSON

• geojson.io — éditeur en ligne pour visualiser et modifier.
• Mapshaper — simplification de la géométrie et conversion.
• Turf.js — analyse spatiale directement dans le navigateur.
• QGIS — SIG complet pour le traitement avancé.