Cómo controlar y visualizar la respuesta de la API de Isochrones

La API de Isochrones devuelve la geometría en el formato GeoJSON estándar. La respuesta contiene un objeto de geometría MultiPolygon.

Las áreas isócronas a las que se puede llegar no siempre son formas únicas contiguas. Por ejemplo, un puente suele permitir el acceso a una isla, lo que crea un área accesible separada del continente. Además, las áreas inaccesibles, como una comunidad privada con puerta de entrada o un lago, crean agujeros dentro del polígono principal.

En el siguiente ejemplo, se muestra un formato de respuesta típico. Ten en cuenta que GeoJSON se ajusta al orden de coordenadas [longitude, latitude].

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

Visualiza la isócrona en un mapa

Dado que la API devuelve GeoJSON estándar, puedes visualizar la respuesta con la API de Maps JavaScript. La clase google.maps.Data admite de forma nativa GeoJSON, lo que significa que no necesitas invertir manualmente el orden de las coordenadas de [longitude, latitude].

En el siguiente fragmento de JavaScript, se muestra cómo agregar la respuesta de la API directamente a un mapa:

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