React-Leaflet中动态拆分GeoJSON LineString路径异常问题

我用React-Leaflet开发地图应用，现在碰到了动态拆分GeoJSON LineString路径并渲染的问题。

我的GeoJSON数据包含多个LineString要素，需求是根据滑块（代表分钟级时间刻度）的数值，动态拆分这些路径，只显示和当前滑块值对应的路径段。逻辑是：在地图上放标记时，标记自动找到GeoJSON路径上的最近点作为路径段起点，滑块决定终点，以此动态可视化特定路径部分。

但现在不管标记位置或者滑块数值怎么变，始终渲染同一段拆分路径。我猜问题出在代码只处理了GeoJSON里的第一个要素，每次拆分都重复用第一个要素的坐标集合，忽略了后面的要素坐标，导致没法响应标记和滑块的变化。

说明一下：下面的代码是多次尝试后的实验性代码，可能不规范，现在核心是定位问题根源，优化之后再做。我已经试了10多种方案，包括自动/手动重构GeoJSON格式、转成MultiLineString等，都没解决，求指点！

function getMarkerIndex(markerPosition, sliderValue) {
    console.log('sliderValue:', sliderValue); 

    const sliderValueNumber = sliderValue[0];
    console.log('sliderValueNumber:', sliderValueNumber);

    const flattenedCoordinates = IsarDaten2.features.flatMap(feature => feature.geometry.coordinates);
    console.log('flattenedCoordinates:', flattenedCoordinates);

    const totalCoordinates = flattenedCoordinates.reduce((total, coords) => total + coords.length, 0);
    console.log('totalCoordinates:', totalCoordinates);

    let startIndex = flattenedCoordinates.findIndex(coords => coords[0] === markerPosition[0] && coords[1] === markerPosition[1]);
    console.log('startIndex:', startIndex);

    let endIndex = Math.round(sliderValueNumber * (totalCoordinates - 1));
    console.log('endIndex:', endIndex);

    if (startIndex > endIndex) {
        [startIndex, endIndex] = [endIndex, startIndex];
    }

    let splitPart = flattenedCoordinates.slice(startIndex, endIndex);

    const data = splitPart.map(([lng, lat], index, array) => {
        const value = index / (array.length - 1);
        return { lat, lng, value };
    });
    console.log('data:', data);

    setSplitLine(data);
}

内容的提问来源于stack exchange，提问作者Max