computeRoutes 方法 (REST) 和 ComputeRoutes 方法 (gRPC) 都會傳回以折線表示的路線,做為回應的一部分。這些 API 會傳回兩種多邊形:
基本折線 (預設):代表路線,但折線上沒有嵌入車流量資訊。傳回基本多邊形的要求會以「路線基本」費率計費。進一步瞭解 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_@@_@?" } } ] }
由於這項要求只包含起點和目的地,因此傳回的路線只包含單一路段。因此,路段和路線的折線相同。
如果在要求中加入中途路線控點,則傳回的路線會包含兩個航段:
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'
這項要求會傳回兩個路段,每個路段都有一個不重複的折線,以及整個路線的折線:
{ "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'
設定折線品質
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
) 表示。間隔是由起始 (包含) 和結束 (不含) 折線點的索引定義。
例如,下列回應會顯示多邊形點 2 和 4 之間的 NORMAL
流量:
{ "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
和對應的速度類別加以描述。請注意,根據 proto3 做法,在間隔中缺少起始索引會對應至索引 0。
startPolylinePointIndex
和 endPolylinePointIndex
值不一定是連續的。例如:
{ "startPolylinePointIndex": 2, "endPolylinePointIndex": 4, "speed": "NORMAL" }
在本例中,從索引 2 到索引 4 的流量條件相同。
使用 Maps SDK 算繪交通資訊折線
建議您使用 Google 地圖 SDK 提供的各種功能,在地圖上顯示交通資訊感知折線,包括沿著折線延伸的自訂著色、筆劃和圖案。如要進一步瞭解如何使用折線,請參閱「Android 版折線功能」和「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
使用編碼折線搭配沿路搜尋
使用 Places API Text Search 沿著計算路線搜尋。您可以將預先計算路線的經過編碼的多邊形,從 Routes API 傳遞至文字搜尋要求。回應就會包含符合搜尋條件,且位於指定路線附近的地點。詳情請參閱沿路搜尋。
舉例來說,如要傳回起點和目的地路線沿途的咖啡廳,請輸入以下指令:
Node.js
const API_KEY = 'YOUR_API_KEY'; const routes_service = 'https://routes.googleapis.com/directions/v2:computeRoutes'; const textSearch_service = 'https://places.googleapis.com/v1/places:searchText';function init(){ const routes_request = { "origin":{ "address": "1600 Amphitheatre Parkway, Mountain View, CA" }, "destination":{ "address": "24 Willie Mays Plaza, San Francisco, CA 94107" }, "travelMode": "DRIVE" }; const textSearch_request = { "textQuery": "cafe", "searchAlongRouteParameters": { "polyline": { "encodedPolyline": "" } } }; fetchResources(routes_service,routes_request).then(routes => { textSearch_request.searchAlongRouteParameters.polyline.encodedPolyline = routes.routes[0].polyline.encodedPolyline; fetchResources(textSearch_service,textSearch_request).then(places => { console.log(places); }); }); } async function fetchResources(resource,reqBody){ const response = await fetch(resource, { method: 'POST', body: JSON.stringify(reqBody), headers: { 'Content-Type': 'application/json', 'X-Goog-Api-Key': API_KEY, 'X-Goog-FieldMask': '*' } }); const responseJSON = await response.json(); return responseJSON; } init();