要求路徑折線

computeRoutes 方法 (REST) 和 ComputeRoutes 方法 (gRPC) 都會傳回以折線表示的路線,做為回應的一部分。這些 API 會傳回兩種多邊形:

  • 基本折線 (預設):代表路線,但折線上沒有嵌入車流量資訊。傳回基本多邊形的要求會以「路線基本」費率計費。進一步瞭解 Routes API 的帳單

  • 車流量監測折線:包含路線沿途的交通狀況資訊。路況會以速度類別 (NORMALSLOWTRAFFIC_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_@@_@?"
      }
    }
  ]
}

由於這項要求只包含起點和目的地,因此傳回的路線只包含單一路段。因此,路段和路線的折線相同。

如果在要求中加入中途路線控點,則傳回的路線會包含兩個航段:

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_QUALITYOVERVIEW (預設值)。使用 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",
  ...
}

要求交通感知折線

上述範例都會傳回基本折線,也就是沒有交通資訊的折線。此外,您也可以要求多邊形包含路線和路線的每個路段的交通資訊。

路況感知折線包含路線沿途的路況資訊。回應多邊形線的特定間隔的車流量狀況,會以速度類別 (NORMALSLOWTRAFFIC_JAM) 表示。間隔是由起始 (包含) 和結束 (不含) 折線點的索引定義。

例如,下列回應會顯示多邊形點 2 和 4 之間的 NORMAL 流量:

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

如要提出要求以計算交通狀況感知多邊形,請在要求中設定下列屬性:

  • extraComputations 陣列欄位設為 TRAFFIC_ON_POLYLINE,即可啟用流量計算。

  • travelMode 設為 DRIVETWO_WHEELER。要求其他任何移動模式都會傳回錯誤。

  • 在要求中指定 TRAFFIC_AWARETRAFFIC_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"
          }
        ] 
      }
    }
  ]
}

RouteTravelAdvisoryRouteLegTravelAdvisory 都包含名為 speedReadingIntervals 的陣列欄位,其中包含車流速度資訊。陣列中的每個物件都會以 SpeedReadingInterval (REST) 或 SpeedReadingInterval (gRPC) 物件表示。

SpeedReadingInterval 物件包含路線間隔的速度讀數,例如 NORMALSLOWTRAFFIC_JAM。整個物件陣列涵蓋路線的整個折線,且不會重疊。指定間隔的起點與前一個間隔的終點相同。

每個間隔都會以其 startPolylinePointIndexendPolylinePointIndex 和對應的速度類別加以描述。請注意,根據 proto3 做法,在間隔中缺少起始索引會對應至索引 0。

startPolylinePointIndexendPolylinePointIndex 值不一定是連續的。例如:

{
  "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();