Isochrones API से मिले रिस्पॉन्स को मैनेज करना और उसे विज़ुअलाइज़ करना

आइसोक्रोन एपीआई, ज्यामिति को स्टैंडर्ड GeoJSON फ़ॉर्मैट में दिखाता है. रिस्पॉन्स में, MultiPolygon ज्यामिति ऑब्जेक्ट शामिल होता है.

यह ज़रूरी नहीं है कि आइसोक्रोन के दायरे में आने वाले इलाके, एक ही आकार के हों. उदाहरण के लिए, पुल की मदद से अक्सर किसी द्वीप पर पहुंचा जा सकता है. इससे, मुख्य ज़मीन से अलग एक ऐसा इलाका बनता है जहां पहुंचा जा सकता है. इसके अलावा, ऐसी जगहें जहां पहुंचा नहीं जा सकता. जैसे, निजी गेटेड कम्यूनिटी या झील, मुख्य पॉलीगॉन के अंदर छेद बनाती हैं.

यहां दिए गए उदाहरण में, रिस्पॉन्स के सामान्य फ़ॉर्मैट को दिखाया गया है. ध्यान दें कि GeoJSON, [longitude, latitude] कोऑर्डिनेट ऑर्डर के मुताबिक काम करता है.

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

मैप पर आइसोक्रोन देखना

एपीआई, स्टैंडर्ड GeoJSON दिखाता है. इसलिए, Maps JavaScript API का इस्तेमाल करके रिस्पॉन्स को देखा जा सकता है. google.maps.Data क्लास, GeoJSON के साथ काम करती है. इसका मतलब है कि आपको [longitude, latitude] कोऑर्डिनेट ऑर्डर को मैन्युअल तरीके से उलटने की ज़रूरत नहीं है.

यहां दिए गए JavaScript स्निपेट में, एपीआई के रिस्पॉन्स को सीधे मैप में जोड़ने का तरीका बताया गया है:

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

const isochroneGeoJson = responseData.isochrone.geoJson;

// Wrap the geometry in a standard GeoJSON Feature
const geoJsonFeature = {
    type: "Feature",
    geometry: isochroneGeoJson,
    properties: {}
};

// Add the GeoJSON Feature to the map's data layer
map.data.addGeoJson(geoJsonFeature);

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