传单路由机中的SVG路径长度

如何解决传单路由机中的SVG路径长度

我正在使用 Leaflet Routing Machine 创建地图路线。

我的要求是，如果有多个位置，如 A、B、C、D、E。我得到从 A 到 E 的 svg 路径的长度。但我需要从 A 到 B、B 到 C、C 的长度到 D，从 D 到 E。请帮助某人。

click to see image

红色线条是 svg 路径。所以，当我点击任何标记时，我需要从巴塞尔到那个标记的长度。我的意思是，我需要从巴塞尔到纳沙泰尔或从巴塞尔到伯尔尼或从纳沙泰尔到伯尔尼等获取长度。

var routeControl = L.Routing.control({
  waypoints: waypoints,reverseWaypoints: false,lineOptions: {
    styles: [{color: 'red',opacity: 1,weight: 3}]
  },geocoder: L.Control.Geocoder.nominatim({
    serviceUrl: 'http://localhost:8084/'
  }),createMarker: function(i,wp,nWps) {
    console.log(wp)
    let custom_icon = L.divIcon({
      iconSize: [100,20],popupAnchor: [-30,-18],shadowUrl: '',html: '<div class="notification '+wp.name+'" data-pathid="'+(i+1)+'" style="color: #000;background-color: transparent;"><img src="img/blue.png"><span class="city-name">' + latlng[i].name + '</span></div>'
    })
    marker = L.marker(
      [wp.latLng.lat,wp.latLng.lng],{ 
        icon: custom_icon
      })
      .bindPopup(latlng[i].name)
      .openPopup()
      .addTo(map);
    // marker.on('click',onMarkerClick);
  }
}).addTo(map);