Обработка и визуализация ответа API изохрон.

API Isochrones возвращает геометрические данные в стандартном формате GeoJSON. Ответ содержит объект геометрии MultiPolygon .

Доступные изохронные области не всегда представляют собой сплошные одномерные фигуры. Например, мост часто обеспечивает доступ к острову, создавая доступную область, отделенную от материка. Кроме того, недоступные участки, такие как частный закрытый поселок или озеро, создают «дыры» внутри основного многоугольника.

В следующем примере показан типичный формат ответа. Обратите внимание, что GeoJSON придерживается порядка координат [longitude, latitude] .

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

Визуализируйте изохрону на карте.

Поскольку API возвращает стандартный GeoJSON, вы можете визуализировать ответ, используя 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
});