vue2 component for tf-leaflet-editable-polyline
npm install tf-vue-leaflet-editable-polyline
import LEditablePolyline from "tf-vue-leaflet-editable-polyline"
<l-editable-polyline
:points="points"
:options="options"
@ready="onReady"
@change="onChange"
@pointAdded="onPointAdded"
/>
components: { LEditablePolyline }
| Option | Default | Description |
|---|---|---|
| color | L.Polyline default color | Max number of markers to display |
| maxMarkers | 100 | Max number of markers to display |
| pointIcon | a dot icon | L.Icon for a point |
| newPointIcon | - | L.Icon for a new point |
| firstPointIcon | - | L.Icon for the first point |
| lastPointIcon | - | L.Icon for the last point |
| newPointOpacity | 1.0 | Opacity for a new point marker |
| polygonMode | false | True to connect the first and the last point and fill the area |
| Event | Default |
|---|---|
| @ready | Fires after polyline added |
| @change | Fires after points changed with []point |
| @pointAdded | Fires after new point added with point |