Gestire e visualizzare la risposta dell'API Isochrones

L'API Isochrone restituisce la geometria nel formato GeoJSON standard. La risposta contiene un oggetto geometria MultiPolygon.

Le aree isocrone raggiungibili non sono sempre forme singole contigue. Ad esempio, un ponte spesso consente l'accesso a un'isola, creando un'area raggiungibile separata dalla terraferma. Inoltre, le aree inaccessibili, come una comunità privata recintata o un lago, creano buchi all'interno del poligono principale.

L'esempio seguente mostra un tipico formato di risposta. Tieni presente che GeoJSON rispetta l'ordine delle coordinate [longitude, latitude].

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

Visualizzare l'isocrona su una mappa

Poiché l'API restituisce GeoJSON standard, puoi visualizzare la risposta utilizzando l'API Maps JavaScript. La classe google.maps.Data supporta in modo nativo GeoJSON, il che significa che non devi invertire manualmente l'ordine delle coordinate [longitude, latitude].

Lo snippet JavaScript riportato di seguito mostra come aggiungere la risposta dell'API direttamente a una mappa:

// 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
});