ขอไทม์ไลน์ของเส้นทาง

เมธอด computeRoutes (REST) และเมธอด ComputeRoutes (gRPC) จะส่งคืนเส้นทางที่แสดงด้วยเส้นประกอบเป็นส่วนหนึ่งของการตอบสนอง API เหล่านี้แสดงเส้นประกอบ 2 ประเภทดังนี้

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

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

ดูข้อมูลเพิ่มเติมเกี่ยวกับเส้นประกอบได้ที่

ขอเส้นประกอบพื้นฐานสําหรับเส้นทาง ขา หรือก้าว

เส้นประกอบจะแสดงโดยออบเจ็กต์ Polyline (REST) หรือ Polyline (gRPC) คุณจะแสดงผลเส้นประกอบในคำตอบได้ที่ระดับเส้นทาง ขา และระดับก้าว

ระบุเส้นประกอบที่จะส่งกลับโดยใช้มาสก์ฟิลด์การตอบกลับ

  • ที่ระดับเส้นทาง ให้แสดงเส้นประกอบในคำตอบโดยใส่ routes.polyline ในมาสก์ของช่องคำตอบ

  • ที่ระดับขา ให้แสดงเส้นประกอบในการตอบสนองของขาแต่ละข้างในเส้นทาง โดยใส่ routes.legs.polyline ไว้ด้วย

  • ที่ระดับก้าว ให้แสดงเส้นประกอบในการตอบสนองสำหรับแต่ละขั้นตอนของขาโดยใส่ routes.legs.steps.polyline

เช่น แสดงเส้นประกอบของทั้งเส้นทาง แต่ละขา และในแต่ละก้าวของแต่ละขา ดังนี้

curl -X POST -d '{
  "origin":{
    "address": "1600 Amphitheatre Parkway, Mountain View, CA"
  },
  "destination":{
    "address": "24 Willie Mays Plaza, San Francisco, CA 94107"
  },
  "travelMode": "DRIVE"
}' \
-H 'Content-Type: application/json' \
-H 'X-Goog-Api-Key: YOUR_API_KEY' \
-H 'X-Goog-FieldMask: routes.duration,routes.distanceMeters,routes.polyline,routes.legs.polyline,routes.legs.steps.polyline' \
'https://routes.googleapis.com/directions/v2:computeRoutes'

คำขอนี้จะแสดงผลการตอบกลับต่อไปนี้ซึ่งรวมถึงเส้นประกอบของเส้นทาง ขาแต่ละข้างของเส้นทาง และแต่ละขั้นตอนของขา

{
  "routes": [
    {
      "legs": [
        {
          "polyline": {
              "encodedPolyline": "ipkcFfich...@Bs@?A?O?SD{A@o@B}@I?qA?_AA_@@_@?"
          }
        },
          "steps": [
              {
                  "polyline": {
                      "encodedPolyline": "kclcF...@sC@YIOKI"
                  }
              },
              {
                  "polyline": {
                      "encodedPolyline": "wblcF~...SZSF_@?"
                  }
              },
              ...
      ],
      "distanceMeters": 56901,
      "duration": "2420s",
      "polyline": {
        "encodedPolyline": "ipkcFfich...@Bs@?A?O?SD{A@o@B}@I?qA?_AA_@@_@?"
      }
    }
  ]
}

เนื่องจากคำขอนี้มีเพียงต้นทางและปลายทาง เส้นทางที่ส่งกลับจึงมีเพียงเส้นทางเดียวเท่านั้น เส้นประกอบของขาและเส้นทางจึงเหมือนกัน

หากคุณเพิ่มจุดอ้างอิงระดับกลางลงในคำขอ เส้นทางที่ส่งกลับจะมี 2 ส่วน ดังนี้

curl -X POST -d '{
  "origin":{
    "address": "1600 Amphitheatre Parkway, Mountain View, CA"
  },
  "destination":{
    "address": "24 Willie Mays Plaza, San Francisco, CA 94107"
  },
  "intermediates": [
    { "address": "450 Serra Mall, Stanford, CA 94305, USA"},
  ],
  "travelMode": "DRIVE",
}' \
-H 'Content-Type: application/json' \
-H 'X-Goog-Api-Key: YOUR_API_KEY' \
-H 'X-Goog-FieldMask: routes.duration,routes.distanceMeters,routes.polyline,routes.legs.polyline' \
'https://routes.googleapis.com/directions/v2:computeRoutes'

คำขอนี้จะแสดงผลขา 2 ข้าง แต่ละขามีเส้นประกอบที่ไม่ซ้ำกัน และเส้นประกอบของทั้งเส้นทาง

{
  "routes": [
    {
      "legs": [
        {
          "polyline": {
            "encodedPolyline": "kclcFfqchV?A...?I@G?GAECCCEKICBAFG"
          }
          "steps": [
            {
                "polyline": {
                    "encodedPolyline": "kclcFfqch...YIOKI"
                }
            },
        ...
        },
        {
          "polyline": {
            "encodedPolyline": "ojmcFtethV?K...QOYQOGA?_@MUG[Ga@G"
          }
          "steps": [
            {
                "polyline": {
                    "encodedPolyline": "uypeFbo`jVgJq...PoBiC"
                }
            },
        ...
        }
      ],
      "distanceMeters": 68403,
      "duration": "3759s",
      "polyline": {
          "encodedPolyline": "kclcFfqchV?A?CBKF[Ha...?GAECCCEKICBAFGJEBE"
      }
    }
  ]
}

คุณภาพเส้นประกอบ

คุณภาพของเส้นประกอบสามารถอธิบายได้ด้วยคำต่อไปนี้

  • ความแม่นยำของจุดลอยตัวของจุด

    จุดต่างๆ จะระบุเป็นค่าละติจูดและลองจิจูด ซึ่งแสดงในรูปแบบจุดลอยตัวความแม่นยำเดียว วิธีนี้ใช้ได้ผลดีสำหรับค่าเล็กๆ (ซึ่งแสดงได้อย่างแม่นยำ) แต่ความแม่นยำจะลดลงเมื่อค่าเพิ่มขึ้นเนื่องจากข้อผิดพลาดในการปัดเศษจุดทศนิยม

    ในเมธอด computeRoutes (REST) และ ComputeRoutes จะควบคุมโดย polylineEncoding

  • จำนวนจุดที่รวมกันเป็นเส้นประกอบ

    ยิ่งมีจุดมาก เส้นพลาสติกจะยิ่งนิ่มขึ้น (โดยเฉพาะส่วนที่โค้ง)

    ในเมธอด computeRoutes (REST) และ ComputeRoutes จะควบคุมโดย polylineQuality

กำหนดค่าประเภทการเข้ารหัสโพลีไลน์

ใช้ตัวเลือกคำขอ polylineEncoding เพื่อควบคุมประเภทเส้นประกอบ พร็อพเพอร์ตี้ polylineEncoding จะควบคุมว่าโพลีไลน์จะเข้ารหัสเป็น ENCODED_POLYLINE (ค่าเริ่มต้น) ซึ่งหมายความว่าจะใช้รูปแบบอัลกอริทึม Polyline Algorithm หรือ GEO_JSON_LINESTRING ซึ่งจะใช้รูปแบบ GeoJSON LineString

ตัวอย่างเช่น ในส่วนเนื้อหาของคำขอ

curl -X POST -d '{
  "origin":{
    "address": "1600 Amphitheatre Parkway, Mountain View, CA"
  },
  "destination":{
    "address": "24 Willie Mays Plaza, San Francisco, CA 94107"
  },
  "travelMode": "DRIVE",
  "polylineEncoding": "ENCODED_POLYLINE"
}' \
-H 'Content-Type: application/json' \
-H 'X-Goog-Api-Key: YOUR_API_KEY' \
-H 'X-Goog-FieldMask: routes.duration,routes.distanceMeters,routes.polyline,routes.legs.polyline' \
'https://routes.googleapis.com/directions/v2:computeRoutes'

กำหนดค่าคุณภาพโพลีไลน์

polylineQuality ระบุคุณภาพของเส้นประกอบเป็น HIGH_QUALITY หรือ OVERVIEW (ค่าเริ่มต้น) OVERVIEW ทำให้เส้นประกอบประกอบด้วยจุดเพียงไม่กี่จุดและมีเวลาในการตอบสนองของคำขอต่ำกว่า HIGH_QUALITY

ตัวอย่างเช่น ในส่วนเนื้อหาของคำขอ

{
  "origin":{
    "location":{
      "latLng":{
        "latitude": 37.419734,
        "longitude": -122.0827784
      }
    }
  },
  "destination":{
    "location":{
      "latLng":{
        "latitude": 37.417670,
        "longitude": -122.079595
      }
    }
  },
  "travelMode": "DRIVE",
  "routingPreference": "TRAFFIC_AWARE",
  "polylineQuality": "HIGH_QUALITY",
  "polylineEncoding": "ENCODED_POLYLINE",
  "departureTime": "2023-10-15T15:01:23.045123456Z",
  ...
}

ขอเส้นประกอบที่รับรู้การจราจรได้

ตัวอย่างที่แสดงด้านบนเส้นประกอบพื้นฐานทั้งหมดหมายถึงเส้นประกอบที่ไม่มีข้อมูลการจราจร นอกจากนี้ คุณยังขอให้เส้นประกอบมีข้อมูลการจราจรของเส้นทางและขาแต่ละข้างของเส้นทางได้ด้วย

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

ตัวอย่างเช่น คำตอบต่อไปนี้แสดงการเข้าชม NORMAL ระหว่างเส้นประกอบจุดที่ 2 ถึง 4

{
  "startPolylinePointIndex": 2,
  "endPolylinePointIndex": 4,
  "speed": "NORMAL"
}

หากต้องการส่งคำขอคำนวณเส้นประกอบที่รับรู้การเข้าชม ให้ตั้งค่าพร็อพเพอร์ตี้ต่อไปนี้ในคำขอ

  • ตั้งค่าช่องอาร์เรย์ extraComputations เป็น TRAFFIC_ON_POLYLINE เพื่อเปิดใช้การคำนวณการรับส่งข้อมูล

  • ตั้งค่า travelMode เป็น DRIVE หรือ TWO_WHEELER คำขอโหมดการเดินทางอื่นๆ แสดงข้อผิดพลาด

  • ระบุค่ากำหนดการกำหนดเส้นทาง TRAFFIC_AWARE หรือ TRAFFIC_AWARE_OPTIMAL ในคำขอ ดูข้อมูลเพิ่มเติมได้ที่กำหนดค่าคุณภาพเทียบกับเวลาในการตอบสนอง

  • ตั้งค่ามาสก์ฟิลด์การตอบกลับที่ระบุให้แสดงผลพร็อพเพอร์ตี้การตอบกลับ

    • ที่ระดับเส้นทาง ให้แสดงผลข้อมูลการเดินทางทั้งหมดในการตอบสนองโดยใส่ routes.travelAdvisory ในมาสก์ของช่องคำตอบ หากต้องการให้แสดงเฉพาะข้อมูลการจราจร ให้ระบุ routes.travelAdvisory.speedReadingIntervals

    • ที่ระดับขา ให้แสดงข้อมูลการเดินทางทั้งหมดในคำตอบสำหรับเส้นทางแต่ละเส้นโดยใส่ routes.legs.travelAdvisory ไว้ด้วย หากต้องการให้แสดงเฉพาะข้อมูลการจราจร ให้ระบุ routes.legs.travelAdvisory.speedReadingIntervals

curl -X POST -d '{
  "origin":{
    "address": "1600 Amphitheatre Parkway, Mountain View, CA"
  },
  "destination":{
    "address": "24 Willie Mays Plaza, San Francisco, CA 94107"
  },
  "travelMode": "DRIVE",
  "extraComputations": ["TRAFFIC_ON_POLYLINE"],
  "routingPreference": "TRAFFIC_AWARE_OPTIMAL"
}' \
-H 'Content-Type: application/json' \
-H 'X-Goog-Api-Key: YOUR_API_KEY' \
-H 'X-Goog-FieldMask: routes.duration,routes.distanceMeters,routes.polyline,routes.legs.polyline,routes.travelAdvisory,routes.legs.travelAdvisory' \
'https://routes.googleapis.com/directions/v2:computeRoutes'

ตัวอย่างการตอบสนองสำหรับเส้นประกอบที่รับรู้การเข้าชม

ในการตอบกลับ ข้อมูลการรับส่งข้อมูลจะได้รับการเข้ารหัสในเส้นประกอบและอยู่ในช่อง travelAdvisory ประเภทในออบเจ็กต์ RouteLegTravelAdvisory (แต่ละขา) และออบเจ็กต์ RouteTravelAdvisory (เส้นทาง)

เช่น

{
  "routes": [
    {
      "legs": {
        "polyline": {
          "encodedPolyline": "}boeF~zbjVAg@EmB`GWHlD"
        },
        // Traffic data for the leg.
        "travelAdvisory": {
          "speedReadingIntervals": [
            {
              "endPolylinePointIndex": 1,
              "speed": "NORMAL"
            },
            {
              "startPolylinePointIndex": 1,
              "endPolylinePointIndex": 2,
              "speed": "SLOW"
            },
            {
              "startPolylinePointIndex": 2,
              "endPolylinePointIndex": 4,
              "speed": "NORMAL"
            }
          ] 
        }
      },
      "polyline": {
        "encodedPolyline": "}boeF~zbjVAg@EmB`GWHlD"
      },
      // Traffic data for the route.
      "travelAdvisory": {
        "speedReadingIntervals": [
          {
            "endPolylinePointIndex": 1,
            "speed": "NORMAL"
          },
          {
            "startPolylinePointIndex": 1,
            "endPolylinePointIndex": 2,
            "speed": "SLOW"
          },
          {
            "startPolylinePointIndex": 2,
            "endPolylinePointIndex": 4,
            "speed": "NORMAL"
          }
        ] 
      }
    }
  ]
}

ทั้ง RouteTravelAdvisory และ RouteLegTravelAdvisory มีช่องอาร์เรย์ชื่อ speedReadingIntervals ซึ่งมีข้อมูลความเร็วการจราจร แต่ละออบเจ็กต์ในอาร์เรย์จะแสดงด้วยออบเจ็กต์ SpeedReadingInterval (REST) หรือ SpeedReadingInterval (gRPC)

ออบเจ็กต์ SpeedReadingInterval มีการอ่านความเร็วของช่วงของเส้นทาง เช่น NORMAL, SLOW หรือ TRAFFIC_JAM อาร์เรย์ของวัตถุทั้งหมดครอบคลุม เส้นทั้งหมดของเส้นทางโดยไม่ทับซ้อนกัน จุดเริ่มต้นของช่วงเวลาที่ระบุเหมือนกับจุดสิ้นสุดของช่วงก่อนหน้า

ทุกช่วงจะมีการอธิบายตามstartPolylinePointIndex, endPolylinePointIndex และหมวดหมู่ความเร็วที่เกี่ยวข้อง โปรดสังเกตว่าการขาดดัชนีเริ่มต้นภายในช่วงจะสอดคล้องกับดัชนี 0 ตามแนวทางปฏิบัติ Proto3

ค่า startPolylinePointIndex และ endPolylinePointIndex ไม่ได้ต่อเนื่องกันเสมอ เช่น

{
  "startPolylinePointIndex": 2,
  "endPolylinePointIndex": 4,
  "speed": "NORMAL"
}

ในกรณีนี้ สภาพการจราจรเป็นไปในดัชนี 2 ถึงดัชนี 4

แสดงผลเส้นประกอบที่รับรู้การจราจรของข้อมูลด้วย Maps SDK

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

ตัวอย่างการแสดงผล Polyline

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

ตัวอย่างข้อมูลต่อไปนี้ได้เพิ่มเส้นประกอบสีน้ำเงินหนาพร้อมส่วนที่มีลายเส้นภูมิศาสตร์จากเมลเบิร์นถึงเพิร์ท ดูข้อมูลเพิ่มเติมได้ที่การปรับแต่งลักษณะที่ปรากฏ (สำหรับ Android) และปรับแต่ง Polyline (สำหรับ 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