ทั้งเมธอด computeRoutes (REST) และเมธอด ComputeRoutes (gRPC) จะแสดงเส้นทางที่แสดงโดยโพลีไลน์เป็นส่วนหนึ่งของการตอบสนอง API เหล่านี้จะแสดงโพลีไลน์ 2 ประเภทดังนี้
เส้นประกอบพื้นฐาน (ค่าเริ่มต้น) แสดงเส้นทางแต่ไม่มีข้อมูลการจราจรที่ฝังอยู่ในเส้นประกอบ คำขอที่แสดงผลโพลีไลน์พื้นฐาน จะเรียกเก็บเงินในอัตราพื้นฐานของเส้นทาง ดูข้อมูลเพิ่มเติมเกี่ยวกับการเรียกเก็บเงินสำหรับ Routes API
เส้นประกอบที่รับรู้การจราจร มีข้อมูลเกี่ยวกับสภาพการจราจรตลอดเส้นทาง สภาพการจราจรจะแสดงเป็นหมวดหมู่ความเร็ว (
NORMAL
,SLOW
,TRAFFIC_JAM
) ที่เกี่ยวข้องในช่วงเวลาหนึ่งๆ ของเส้นประกอบ คำขอสำหรับโพลีไลน์ที่รับรู้การเข้าชมจะเรียกเก็บเงินในอัตรา "เส้นทางที่ต้องการ" ดูข้อมูลเพิ่มเติมเกี่ยวกับการเรียกเก็บเงินสำหรับ Routes API โปรดดูรายละเอียดที่หัวข้อ กำหนดค่าคุณภาพโพลีไลน์
ดูข้อมูลเพิ่มเติมเกี่ยวกับโพลีไลน์ได้ที่หัวข้อต่อไปนี้
ยูทิลิตีตัวเข้ารหัสโพลีไลน์แบบอินเทอร์แอกทีฟ ช่วยให้คุณสร้างโพลีไลน์ที่เข้ารหัสใน UI หรือถอดรหัสเส้นประกอบเพื่อแสดงบนแผนที่ได้ เช่น ใช้ยูทิลิตีนี้เพื่อถอดรหัสเส้นประกอบที่สร้างโดยโค้ดด้านล่าง
ขอเส้นประกอบพื้นฐานสำหรับเส้นทาง ขา หรือก้าว
เส้นประกอบจะแสดงด้วยออบเจ็กต์ 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
(ค่าเริ่มต้น) หรือไม่ ซึ่งหมายความว่าจะใช้รูปแบบอัลกอริทึมโพลีไลน์ที่เข้ารหัส หรือ 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'
กำหนดค่าคุณภาพของ Poyline
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
ตัวอย่างการแสดงภาพโพลีไลน์
ผู้ใช้ 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