Routes Widget

Route3DElement class

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"
  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"
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 interface

介面 google.maps.routes.Route3DElementOptions

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》。
travelMode
選填
類型： TravelMode optional
詳情請參閱《Route3DElement.travelMode》。