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

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

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

เส้นหลายเหลี่ยมที่รับรู้การจราจรใช้ได้ทั้งในระดับเส้นทางและระดับช่วง ที่ระดับเส้นทาง ระบบจะให้ข้อมูลความเร็วของการจราจรเป็น 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"
          }
        ] 
      }
    }
  ]
}

แสดงผล Polyline ที่รับรู้การจราจรด้วย Maps SDK

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

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

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

ข้อมูลโค้ดต่อไปนี้จะเพิ่มเส้นหลายเส้นสีน้ำเงินหนาที่มีส่วนโค้งตามพื้นผิวโลกจาก เมลเบิร์นไปยังเพิร์ธ ดูข้อมูลเพิ่มเติมได้ที่การปรับแต่งลักษณะที่ปรากฏ (สำหรับ 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