處理並顯示 Isochrones API 回應

等時區 API 會以標準 GeoJSON 格式傳回幾何圖形。回應包含 MultiPolygon 幾何物件。

可抵達等時線區域不一定都是連續的單一形狀。舉例來說，橋樑通常可通往島嶼，形成與大陸分離的可抵達區域。此外，私人封閉式社區或湖泊等無法抵達的區域，會在主要多邊形內形成洞。

以下範例顯示一般的回應格式。請注意，GeoJSON 遵循[longitude, latitude]座標順序。

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

在地圖上以視覺化方式呈現等時區

由於 API 會傳回標準 GeoJSON，因此您可以使用 Maps 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
});