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([options])
Parameters:
Creates a Route3DElement with the options specified.
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
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"
The destination of the route.
HTML attribute:
  • destination="lat,lng"
  • destination="places/###"
  • destination="address"
The origin of the route.
HTML attribute:
  • origin="lat,lng"
  • origin="places/###"
  • origin="address"
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"
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
destination optional
origin optional
routingPreference optional
Type: RoutingPreference optional
travelMode optional
Type: TravelMode optional
Create a Mobile Website
View Site in Mobile | Classic
Share by: