ขอข้อมูลการจราจรในโพลีไลน์

Routes Preferred API มีฟีเจอร์ที่ให้คุณขอข้อมูลเกี่ยวกับสภาพการจราจรตามโพลีไลน์ได้ โดยสภาพการจราจรจะแสดงเป็นหมวดหมู่ความเร็ว (NORMAL, SLOW, TRAFFIC_JAM) ที่ใช้ได้ในช่วงเวลาที่กำหนดของโพลีไลน์การตอบกลับ ช่วงเวลาจะกำหนดโดยดัชนีของจุดโพลีไลน์เริ่มต้น (รวม) และสิ้นสุด (ไม่รวม)

ตัวอย่างคำขอ

โพลีไลน์ที่แสดงข้อมูลการจราจรมีให้บริการทั้งในระดับเส้นทางและระดับช่วง ในระดับเส้นทาง ระบบจะแสดงข้อมูลความเร็วของการจราจรเป็น SpeedReadingIntervals ในช่องการตอบกลับ RouteTravelAdvisory หากต้องการรับข้อมูลการจราจรพร้อมกับเส้นประกอบของเส้นทาง ให้ใส่ทั้ง polyline และ speedReadingIntervals ในมาสก์ช่องการตอบกลับ

หากมาสก์ช่องมี routes.legs.travelAdvisory.speedReadingIntervals การตอบกลับจะมีข้อมูลการจราจรระดับช่วงใน RouteLegTravelAdvisory

X-Goog-FieldMask: routes.duration,routes.distanceMeters,routes.polyline.encodedPolyline,routes.travelAdvisory.speedReadingIntervals,routes.legs.polyline.encodedPolyline,routes.legs.travelAdvisory.speedReadingIntervals

ดูรายละเอียดเพิ่มเติมเกี่ยวกับการระบุมาสก์ช่องการตอบกลับได้ที่ "เลือกช่องที่จะแสดงผล"

ตัวอย่างการตอบกลับ

ตราบใดที่ speedReadingIntervals ขอผ่านมาสก์ช่อง ระบบจะป้อนข้อมูลใน routes.travelAdvisory.speedReadingIntervals ข้อมูลการจราจรระดับช่วงจะอยู่ใน routes.legs.travelAdvisory.speedReadingIntervals ระบบจะอธิบายช่วงเวลาแต่ละช่วงด้วย startPolylinePointIndex, endPolylinePointIndex และหมวดหมู่ความเร็วที่เกี่ยวข้อง โปรดทราบว่าการไม่มีดัชนีเริ่มต้นภายในช่วงเวลา จะสอดคล้องกับดัชนี 0 ตามแนวทางปฏิบัติของ proto3

{
  "routes": [
    {
      "legs": {
        "polyline": {
          "encodedPolyline": "}boeF~zbjVAg@EmB`GWHlD"
        },
        "travelAdvisory": {
          "speedReadingIntervals": [
            {
              "endPolylinePointIndex": 1,
              "speed": "NORMAL"
            },
            {
              "startPolylinePointIndex": 1,
              "endPolylinePointIndex": 2,
              "speed": "SLOW"
            },
            {
              "startPolylinePointIndex": 2,
              "endPolylinePointIndex": 4,
              "speed": "NORMAL"
            }
          ] 
        }
      },
      "polyline": {
        "encodedPolyline": "}boeF~zbjVAg@EmB`GWHlD"
      },
      "travelAdvisory": {
        "speedReadingIntervals": [
          {
            "endPolylinePointIndex": 1,
            "speed": "NORMAL"
          },
          {
            "startPolylinePointIndex": 1,
            "endPolylinePointIndex": 2,
            "speed": "SLOW"
          },
          {
            "startPolylinePointIndex": 2,
            "endPolylinePointIndex": 4,
            "speed": "NORMAL"
          }
        ] 
      }
    }
  ]
}

แสดงโพลีไลน์ที่แสดงข้อมูลการจราจรด้วย Maps SDK

เราขอแนะนำให้แสดงเส้นประกอบที่แสดงข้อมูลการจราจรบนแผนที่โดยใช้ฟีเจอร์ต่างๆ ที่ Google Maps SDK มีให้ ซึ่งรวมถึงการกำหนดสีเอง เส้นขีด และรูปแบบตามส่วนต่างๆ ของเส้นประกอบ ดูรายละเอียดเพิ่มเติมเกี่ยวกับการใช้โพลีไลน์ได้ที่ ฟีเจอร์โพลีไลน์สำหรับ Android และ ฟีเจอร์โพลีไลน์สำหรับ iOS

ตัวอย่างการแสดงโพลีไลน์

ผู้ใช้ Maps SDK มีโอกาสกำหนดตรรกะการแมปที่กำหนดเองระหว่างหมวดหมู่ความเร็วกับสคีมาการแสดงผลเส้นประกอบได้ เช่น คุณอาจตัดสินใจแสดงความเร็ว "NORMAL" เป็นเส้นสีน้ำเงินหนาบนแผนที่ ขณะที่ความเร็ว "SLOW" อาจแสดงเป็นเส้นสีส้มหนา เป็นต้น

ข้อมูลโค้ดต่อไปนี้จะเพิ่มเส้นประกอบสีน้ำเงินหนาที่มีส่วนโค้งทางภูมิศาสตร์จากเมลเบิร์นไปยังเพิร์ธ ดูข้อมูลเพิ่มเติมได้ที่ การปรับแต่งลักษณะที่ปรากฏ (สำหรับ Android) และ ปรับแต่งโพลีไลน์ (สำหรับ iOS)

Android

Java

Polyline line = map.addPolyline(new PolylineOptions()
    .add(new LatLng(-37.81319, 144.96298), new LatLng(-31.95285, 115.85734))
    .width(25)
    .color(Color.BLUE)
    .geodesic(true));

Kotlin

val line: Polyline = map.addPolyline(
  PolylineOptions()
    .add(LatLng(-37.81319, 144.96298), LatLng(-31.95285, 115.85734))
    .width(25f)
    .color(Color.BLUE)
    .geodesic(true)
)

iOS

Objective-C

GMSMutablePath *path = [GMSMutablePath path];
[path addLatitude:-37.81319 longitude:144.96298];
[path addLatitude:-31.95285 longitude:115.85734];
GMSPolyline *polyline = [GMSPolyline polylineWithPath:path];
polyline.strokeWidth = 10.f;
polyline.strokeColor = .blue;
polyline.geodesic = YES;
polyline.map = mapView;

Swift

let path = GMSMutablePath()
path.addLatitude(-37.81319, longitude: 144.96298)
path.addLatitude(-31.95285, longitude: 115.85734)
let polyline = GMSPolyline(path: path)
polyline.strokeWidth = 10.0
polyline.geodesic = true
polyline.map = mapView