Vue Map - routes

An array of routes shown on the map.

Type:

Array<Object>

Raised Events: onRouteAdded onRouteRemoved

View Demo

color

Specifies the color of the line displaying the route.

Type:

String

Default Value: '#0000FF'

This property supports the following colors:

locations[]

Contains an array of objects making up the route.

Type:

Array<Object>

You can specify the locations value in one of the following formats.

  • { lat: 40.749825, lng: -73.987963}
  • "40.749825, -73.987963"
  • [40.749825, -73.987963]
  • "Brooklyn Bridge,New York,NY"

mode

Specifies a transportation mode to be used in the displayed route.

Type:

String

Default Value: 'driving'
Accepted Values: 'driving' | 'walking'

opacity

Specifies the opacity of the line displaying the route.

Type:

Number

Default Value: 0.5

weight

Specifies the thickness of the line displaying the route in pixels.

Type:

Number

Default Value: 5