• Optimization
  • Navigation
  • Tracking
  • Maps
  • Places

Polyline

A newer version of Maps for web SDK is available
A newer version of the SDK is available and is recommended for all users. Learn about the latest version, V2.0, in the Maps for web v2.0 documentation

Draw a polyline on the map.

Parameters

NameDescriptiondefault
pathrequired The coordinates of the polyline, either an array or 2-D arrays/
maprequired The map instance to which the marker attaches to/
strokeColoroptional The stroke color of the polyline'#3388ff'
strokeOpacityoptional number The opacity of the polyline, in the middle of 0-11.0
strokeWeightoptional number The stroke weight of the polyline3

Methods

NameDescription
enableEditTo enable editing mode to the shape.

(Not available for NextBillion.ai Maps GL)
removeTo remove the shape from the map

Example

1
2
3
4
5
6
7
8
9
10
11
12
var polyline = new nextbillion.maps.Polyline({
  path: loc,
  map: map,
  color: 'red',
})

// To enable editing mode
// The method "enableEdit" is not available for NextBillion.ai Maps GL
polyline.enableEdit()

// To remove from the map
polyline.remove()