Routes Widget

Route3DElement 类

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

用于 3D 路线渲染的 Web 组件。目前支持使用起点和终点参数在 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
destination
可选
internalUsageAttributionIds
可选
类型:Iterable<string> optional
用于将调用归因于特定软件包或 OSS 库的标识符。
origin
可选
routingPreference
可选
类型:RoutingPreference optional
trafficPolylinesDisabled
可选
类型:boolean optional
是否停用路况感知多段线。只有在 routingPreference 设置为 TRAFFIC_AWARE 或 TRAFFIC_AWARE_OPTIMAL 时,才能使用可感知路况的多段线。
travelMode
可选
类型:TravelMode optional