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 ライブラリへの呼び出しを関連付けるために使用される識別子。
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 ライブラリへの呼び出しを関連付けるために使用される識別子。
origin
省略可
Route3DElement.origin をご覧ください。
routingPreference
省略可
タイプ: RoutingPreference optional
Route3DElement.routingPreference をご覧ください。
trafficPolylinesDisabled
省略可
タイプ: boolean optional
交通状況を考慮したポリラインを無効にするかどうか。トラフィック対応ポリラインは、routingPreference が TRAFFIC_AWARE または TRAFFIC_AWARE_OPTIMAL に設定されている場合にのみ使用できます。
travelMode
省略可
タイプ: TravelMode optional
Route3DElement.travelMode をご覧ください。