How can I draw a continuous line on map using leaflet?

Question

I have a map and I have drawn two points and drawn a line between two points using leaflet Polyline method Leaflet Polyline As of now, my code works fine but how I want to show is like a line between Point A to Point B then from Point B to Point C.. so on. Here is my current code my current code which draws line between 2 points perfects but its always between Point A and Point B.

Any help would be appreciated. Thanks a lot.

Note: Map may not be visible due to some issues but you can click on map to pick points

Answer 1

Add _firstLatLng = _secondLatLng when you add the polyline:

  if (_firstLatLng && _secondLatLng) {
    // draw the line between points
    L.polyline([_firstLatLng, _secondLatLng], {
      color: 'red'
    }).addTo(_map);
    _firstLatLng = _secondLatLng;
    
    refreshDistanceAndLength();
  }