Xử lý và trực quan hoá phản hồi của Isochrones API

Isochrones API trả về hình học ở định dạng GeoJSON tiêu chuẩn. Phản hồi chứa một đối tượng hình học MultiPolygon.

Các vùng đẳng thời có thể tiếp cận không phải lúc nào cũng là các hình dạng đơn lẻ liền kề. Ví dụ: cầu thường giúp bạn đi đến một hòn đảo, tạo ra một khu vực có thể tiếp cận tách biệt với đất liền. Ngoài ra, những khu vực không thể tiếp cận, chẳng hạn như cộng đồng riêng tư có cổng hoặc hồ nước, sẽ tạo ra các lỗ bên trong đa giác chính.

Ví dụ sau đây cho thấy định dạng phản hồi điển hình. Xin lưu ý rằng GeoJSON tuân thủ thứ tự toạ độ [longitude, latitude].

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

Hình dung đường đẳng thời trên bản đồ

Vì API này trả về GeoJSON tiêu chuẩn, nên bạn có thể trực quan hoá phản hồi bằng Maps JavaScript API. Lớp google.maps.Data hỗ trợ GeoJSON một cách tự nhiên, tức là bạn không cần đảo ngược thứ tự toạ độ [longitude, latitude] theo cách thủ công.

Đoạn mã JavaScript sau đây minh hoạ cách thêm trực tiếp phản hồi API vào bản đồ:

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