Obsługa i wizualizacja odpowiedzi interfejsu Isochrones API

Interfejs Isochrones API zwraca geometrię w standardowym formacie GeoJSON. Odpowiedź zawiera obiekt geometrii MultiPolygon.

Obszary izochronowe nie zawsze są pojedynczymi, połączonymi kształtami. Na przykład most często umożliwia dostęp do wyspy, tworząc obszar dostępny oddzielony od lądu. Dodatkowo niedostępne obszary, takie jak prywatne osiedle zamknięte lub jezioro, tworzą dziury w głównym wielokącie.

Poniższy przykład pokazuje typowy format odpowiedzi. Pamiętaj, że GeoJSON przestrzega kolejności współrzędnych [longitude, latitude].

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

Wizualizacja izochrony na mapie

Ponieważ interfejs API zwraca standardowy format GeoJSON, możesz wizualizować odpowiedź za pomocą interfejsu Maps JavaScript API. Klasa google.maps.Data natywnie obsługuje format GeoJSON, co oznacza, że nie musisz ręcznie odwracać kolejności współrzędnych [longitude, latitude].

Poniższy fragment kodu JavaScript pokazuje, jak dodać odpowiedź interfejsu API bezpośrednio do mapy:

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