Gérer et visualiser la réponse de l'API Isochrones

L'API Isochrones renvoie la géométrie au format GeoJSON standard. La réponse contient un objet de géométrie MultiPolygon.

Les zones isochrones accessibles ne sont pas toujours des formes uniques et contiguës. Par exemple, un pont permet souvent d'accéder à une île, créant ainsi une zone accessible séparée du continent. De plus, les zones inaccessibles, comme une communauté privée fermée ou un lac, créent des trous à l'intérieur du polygone principal.

L'exemple suivant montre un format de réponse typique. Notez que GeoJSON respecte l'ordre des coordonnées [longitude, latitude].

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

Visualiser l'isochrone sur une carte

Étant donné que l'API renvoie un GeoJSON standard, vous pouvez visualiser la réponse à l'aide de l'API Maps JavaScript. La classe google.maps.Data est compatible avec GeoJSON de manière native, ce qui signifie que vous n'avez pas besoin d'inverser manuellement l'ordre des coordonnées [longitude, latitude].

L'extrait de code JavaScript suivant montre comment ajouter la réponse de l'API directement à une carte :

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