多段线路径末尾的样式文本（传单）答案

【问题标题】：styling text at the end of polyline path (leaflet)多段线路径末尾的样式文本（传单）
【发布时间】：2021-11-23 17:35:20
【问题描述】：

我创建路由 webgis，显示来自最近设施功能的多重路由和
我想用 markinacorpus/Leaflet.TextPathplugin 显示距离路线，但它在路线开始时重叠

我认为最好将文本放在路径的末尾。但不知道怎么做这是我的样式代码：

function addDistanceText(Feature, layer) {
            layer.setText(Feature.properties.distance_route + 'km', {offset: 17 });
            }

这是geojson数据：

{"type":"FeatureCollection","features":[
{"type":"Feature","geometry":{"type":"MultiLineString","coordinates":[[[110.2382587,-7.9579805],[110.2380463,-7.9581418]]]},"properties":{"distance":"3989.57671272009"}},
{"type":"Feature","geometry":{"type":"MultiLineString","coordinates":[[[110.2374145,-7.9593029],[110.2371966,-7.9598229]]]},"properties":{"distance":"2206.76527447351"}},
{"type":"Feature","geometry":{"type":"MultiLineString","coordinates":[[[110.2374145,-7.9593029],[110.2379765,-7.9594952]]]},"properties":{"distance":"2667.74036482918"}}]}

任何人都知道如何在不重叠的情况下设置文本路径的样式吗？

【问题讨论】：

反转折线。
好点，应该在哪里编辑？插件代码？
无论您在哪里获取或显示它。
在您的代码中，您有一个绘制折线的坐标数组。为了反转折线反转数组，例如使用 array.reverse();

标签： javascript svg leaflet

【解决方案1】：

正如 IvanSanchez 和 enxaneta 推荐的那样，我反转了 geojson 数组（特别是特征的顺序）
这是代码：

result.features.forEach((feature) => {
   feature.geometry.coordinates.reverse().forEach(_reversecoordinate);
   function _reversecoordinate(item) {
      item.reverse();}
   });

【讨论】：