טיפול בתגובה של Isochrones API והצגה שלה

ה-Isochrones API מחזיר גיאומטריה בפורמט GeoJSON רגיל. התשובה מכילה אובייקט גיאומטריה MultiPolygon.

אזורים שאפשר להגיע אליהם בפרק זמן מסוים לא תמיד יוצרים צורה רציפה אחת. לדוגמה, גשר מאפשר גישה לאי, ויוצר אזור שאפשר להגיע אליו בפרק זמן מסוים, אבל הוא נפרד מהיבשה. בנוסף, אזורים לא נגישים, כמו קהילה פרטית מגודרת או אגם, יוצרים חורים בתוך הפוליגון הראשי.

בדוגמה הבאה מוצג פורמט תגובה אופייני. הערה: פורמט GeoJSON תואם ל[longitude, latitude] סדר הקואורדינטות.

{
  "isochrone": {
    "geoJson": {
      "type": "MultiPolygon",
      "coordinates": [
        [
          [
            [-122.332100, 47.606200],
            [-122.332200, 47.606300],
            ...
          ]
        ]
      ]
    }
  }
}

הדמיה של קו האיזוכרון במפה

מכיוון שממשק ה-API מחזיר GeoJSON רגיל, אפשר להציג את התגובה באופן חזותי באמצעות Maps JavaScript API. המחלקה google.maps.Data תומכת באופן מובנה ב-GeoJSON, כך שלא צריך להפוך ידנית את סדר הקואורדינטות [longitude, latitude].

קטע ה-JavaScript הבא מדגים איך מוסיפים את תגובת ה-API ישירות למפה:

// Assume 'map' is an initialized google.maps.Map object
// and 'response' is the JSON payload returned by the Isochrones API.

const isochroneGeoJson = response.isochrone.geoJson;

// Add the GeoJSON directly to the map's data layer
map.data.addGeoJson(isochroneGeoJson);

// Optional: Apply custom styling to the isochrone polygon
map.data.setStyle({
  fillColor: '#4285F4',
  fillOpacity: 0.3,
  strokeColor: '#4285F4',
  strokeWeight: 2
});