Javascript 在偏移传单多段线上添加动画箭头

Javascript 在偏移传单多段线上添加动画箭头,javascript,d3.js,leaflet,Javascript,D3.js,Leaflet,我有一个项目,包括可视化地图上各点之间的数据交换。 我使用传单从GeoJson文件中的坐标绘制多段线,并使用传单.polylineDecorator()在多段线上放置动画箭头 问题是,我需要在两个方向上可视化流。我开始向Geojson文件中添加另一个方向的多段线,但问题是当我缩小时,这两条多段线是堆叠的。 因此,我找到了lapper.polylineOffset(),它允许通过设置offset选项创建另一条多段线。 我想,我只需要做同样的事情,把动画箭头放在上面,但是当我做的时候,动画会影响到原

我有一个项目,包括可视化地图上各点之间的数据交换。 我使用传单从GeoJson文件中的坐标绘制多段线,并使用传单.polylineDecorator()在多段线上放置动画箭头

问题是,我需要在两个方向上可视化流。我开始向Geojson文件中添加另一个方向的多段线,但问题是当我缩小时,这两条多段线是堆叠的。 因此,我找到了lapper.polylineOffset(),它允许通过设置offset选项创建另一条多段线。 我想,我只需要做同样的事情,把动画箭头放在上面,但是当我做的时候,动画会影响到原始的多段线。事实上,偏移多段线保留了原始多段线的坐标

我想知道是否有办法将此动画应用于偏移多段线

这是我的密码:

d3.json(“data/trajetsfibredcisgma.json”),函数(data){//从json文件获取多段线的数据以将其添加到地图上
L.geoJson(数据、{
style:function(feature){return{color:feature.properties.stroke,opacity:1};},//设置多段线的样式
onEachFeature:功能(feature){
//从json文件获取多段线的坐标
var latlng=特征.geometry.coordinates;
变量大小=feature.geometry.coordinates.length;
var缓冲区;
//颠倒数组中纬度和经度的顺序,因为L.latLng对象首先需要纬度,而我的json文件中需要相反的纬度
对于(i=0;i 100)
箭头偏移=0;
}, 100);

}
我找到了一个解决方案来获取偏移多段线的坐标

PolylineOffset插件有一个返回偏移坐标的函数

您可以这样使用它:

var pts=L.PolylineOffset.offsetLattings(latlng,10,map);//从偏移多段线获取坐标