Routes Widget

Route3DElement 類別

class google.maps.routes.Route3DElement extends HTMLElement implements Route3DElementOptions
library "routes"

用於算繪 3D 路線的網頁元件。目前支援起點和目的地參數，可在 3D 地圖的 3D 空間中算繪折線。

<gmp-route-3d
  autofits-camera
  departure-time="####-##-##T##:##Z"
  destination="lat,lng"
  internal-usage-attribution-ids="space separated strings"
  origin="lat,lng"
  routing-preference="value-name"
  traffic-polylines-disabled
  travel-mode="value-name">
</gmp-route-3d>
 
const {Route3DElement} = await google.maps.importLibrary("routes");
Route3DElement
Route3DElement([options])
參數：
使用指定選項建立 Route3DElement。
autofitsCamera
attr: autofits-camera
輸入類型： boolean optional
輸出類型： boolean
預設值： false
如果提供，指定路線會顯示在地圖可視區域中，以及其他已選擇加入的元素。
HTML 屬性： autofits-camera
departureTime
attr: departure-time
輸入類型： Date optional
輸出類型： Date optional
如果提供，系統會根據指定的出發時間計算路線。透過 HTML 屬性指定時，請使用 ISO 8601 格式，確保在各種瀏覽器中都能獲得可靠的結果。如要瞭解使用規定，請參閱 ComputeRoutesRequest.departureTime。
HTML 屬性： departure-time="####-##-##T##:##Z"
destination
attr: destination
路徑的目的地。
HTML 屬性：
  • destination="lat,lng"
  • destination="places/###"
  • destination="address"
fallbackInfo
readonly
類型： FallbackInfo optional
計算路線的備用資訊。
geocodingResults
readonly
類型： GeocodingResults optional
起點和目的地的地理編碼結果。
internalUsageAttributionIds
attr: internal-usage-attribution-ids
輸入類型： Iterable<string> optional
輸出類型： Array<string> optional
用於將呼叫歸因於特定套件或 OSS 程式庫的 ID。
HTML 屬性： internal-usage-attribution-ids="space separated strings"
origin
attr: origin
路徑的起點。
HTML 屬性：
  • origin="lat,lng"
  • origin="places/###"
  • origin="address"
routes
readonly
類型： Array<Route> optional
Routes API 計算出的主要路線和選用替代路線。
routingPreference
attr: routing-preference
輸入類型： RoutingPreference optional
輸出類型： RoutingPreference optional
如果提供，系統會根據指定的 RoutingPreference，沿著路線計算路況資訊，並使用路況專用顏色。
HTML 屬性： routing-preference="value-name"
trafficPolylinesDisabled
attr: traffic-polylines-disabled
輸入類型： boolean optional
輸出類型： boolean
預設值： false
是否停用車流量感知折線。只有在 routingPreference 設為 TRAFFIC_AWARE 或 TRAFFIC_AWARE_OPTIMAL 時，才能使用車流量監測折線。
HTML 屬性： traffic-polylines-disabled
travelMode
attr: travel-mode
輸入類型： TravelMode optional
輸出類型： TravelMode optional
如果提供，折線會根據指定的交通方式繪製。
HTML 屬性： travel-mode="value-name"
繼承： addEventListener、removeEventListener
Alphagmp-error
function(routeInitializationErrorEvent)
引數：
  • routeInitializationErrorEvent: Event optional
無法載入路徑時，就會觸發這個事件。
Alphagmp-load
function(routeInitializationSuccessEvent)
引數：
  • routeInitializationSuccessEvent: Event optional
成功載入路徑時，系統會觸發這個事件。

Route3DElementOptions 介面

介面 google.maps.routes.Route3DElementOptions
由 Route3DElement 實作

Route3DElementOptions 物件，用於定義可在 Route3DElement 上設定的屬性。
autofitsCamera
選填
類型： boolean optional
是否選擇自動調整攝影機以符合路線。
departureTime
選填
類型： Date optional
詳情請參閱《Route3DElement.departureTime》。
destination
選填
詳情請參閱《Route3DElement.destination》。
internalUsageAttributionIds
選填
類型： Iterable<string> optional
用於將呼叫歸因於特定套件或 OSS 程式庫的 ID。
origin
選填
詳情請參閱《Route3DElement.origin》。
routingPreference
選填
類型： RoutingPreference optional
詳情請參閱《Route3DElement.routingPreference》。
trafficPolylinesDisabled
選填
類型： boolean optional
是否停用車流量感知折線。只有在 routingPreference 設為 TRAFFIC_AWARE 或 TRAFFIC_AWARE_OPTIMAL 時，才能使用車流量監測折線。
travelMode
選填
類型： TravelMode optional
詳情請參閱《Route3DElement.travelMode》。