จัดการและแสดงภาพการตอบกลับจาก Isochrones API

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