缩小时的传单折线精度损失

时间:2018-12-10 15:07:19

标签: javascript leaflet

绘制多条折线并缩小地图时,该线开始在顶点上创建圆:

Zoomed in

Zoomed out

Zoomed out more

线条绘制如下:

L
    .polyline(line, {weight: 4, color: color, smoothFactor: 0, offset:offset})
    .addTo(Window.map);

我尝试使用了不同的smoothFactor值和偏移量,差异很小。为什么只有在地图未完全放大时才可以看到圆圈?可以解决吗?

2 个答案:

答案 0 :(得分:0)

好像您将像素偏移量应用于折线。

缩小时,折线的顶点彼此之间非常接近,以至于偏移算法确定了应用偏移的方向比一般趋势远得多,从而导致出现这些有趣的圆圈。

答案 1 :(得分:0)

问题出在Leaflet.PolylineOffset插件中,我创建了一个新的请求,希望可以解决该请求,或者至少可以作为更好解决方案的基础。 https://github.com/bbecquet/Leaflet.PolylineOffset/pull/21