GeoJSON למפות ווב: מדריך

GeoJSON — פורמט החילופין המוביל לגאו-נתונים בווב. כל ספריות המיפוי הפופולריות — Leaflet, Mapbox GL JS, OpenLayers, deck.gl — תומכות באופן מובנה ב-GeoJSON. עם osm2cdr.ru תוכלו לייצא כל אזור של OpenStreetMap ל-GeoJSON תוך שניות.

מבנה GeoJSON

קובץ GeoJSON — זהו JSON רגיל עם אובייקטים מסוג FeatureCollection. כל Feature מכיל גאומטריה (נקודה, קו, מצולע) ומאפיינים (properties) — תגיות OpenStreetMap: שם, סוג האובייקט, כתובת ותכונות נוספות.

כיצד לחבר ל-Leaflet

הדרך הפשוטה ביותר להציג GeoJSON על מפת ווב:

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

עיצוב לפי מאפיינים

GeoJSON מ-osm2cdr.ru שומר את תגיות ה-OSM: highway, building, amenity, natural ואחרות. זה מאפשר לעצב אובייקטים לפי סוג:

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

אופטימיזציה לנתונים גדולים

GeoJSON עובד מצוין עבור אזורים קטנים ובינוניים (עד 50 קמ²). עבור שטחים גדולים:

• GeoJSON-Seq — פורמט סטרימינג, הקובץ נטען שורה אחר שורה.
• PMTiles — פורמט אריחים cloud-native עם הצגה מיידית של מיליוני אובייקטים.
• אריחים וקטוריים — נטענים תוך כדי הניווט במפה.

כלים לעבודה עם GeoJSON

• geojson.io — עורך מקוון לצפייה ולעריכה.
• Mapshaper — פישוט גאומטריה והמרה.
• Turf.js — ניתוח מרחבי ישירות בדפדפן.
• QGIS — GIS מלא לעיבוד מורכב.