Routes Widget

Route3DElement class

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

A web component for 3D route rendering. Currently support origin and destination parameters to render a polyline in 3D space in a 3D map.

    
<gmp-route-3d
  autofits-camera
  departure-time="####-##-##T##:##Z"
  destination="lat,lng"
  origin="lat,lng"
  routing-preference="value-name"
  travel-mode="value-name">
</gmp-route-3d>
 
const {Route3DElement} = await google.maps.importLibrary("routes");
Route3DElement
Route3DElement([options])
Parameters:
Creates a Route3DElement with the options specified.
autofitsCamera
attr: autofits-camera
Type: boolean optional
Default: false
If provided, the specified route will be made visible within the map viewport, alongside any other elements that have opted in.
HTML attribute: autofits-camera
departureTime
attr: departure-time
Type: Date optional
If provided, the route will be computed with the specified departure time. When specifying via HTML attribute, use the ISO 8601 format for reliable results across browsers. For information on usage requirements, see ComputeRoutesRequest.departureTime.
HTML attribute: departure-time="####-##-##T##:##Z"
destination
attr: destination
The destination of the route.
HTML attribute:
  • destination="lat,lng"
  • destination="places/###"
  • destination="address"
origin
attr: origin
The origin of the route.
HTML attribute:
  • origin="lat,lng"
  • origin="places/###"
  • origin="address"
routingPreference
attr: routing-preference
Type: RoutingPreference optional
If provided, the route will be computed with traffic information along the route that's based on the RoutingPreference specified, and use traffic-specific coloring.
HTML attribute: routing-preference="value-name"
travelMode
attr: travel-mode
Type: TravelMode optional
If provided, the polyline is based on the specified travel mode.
HTML attribute: travel-mode="value-name"
Inherited: addEventListener, removeEventListener

Route3DElementOptions interface

google.maps.routes.Route3DElementOptions interface

Route3DElementOptions object used to define the properties that can be set on a Route3DElement.
autofitsCamera
optional
Type: boolean optional
Whether or not to opt into automatically fitting the camera to the route.
departureTime
optional
Type: Date optional
See Route3DElement.departureTime.
destination
optional
See Route3DElement.destination.
origin
optional
See Route3DElement.origin.
routingPreference
optional
Type: RoutingPreference optional
See Route3DElement.routingPreference.
travelMode
optional
Type: TravelMode optional
See Route3DElement.travelMode.