gpt4 book ai didi

javascript - 在 Mapbox.js 中,如何平滑折线?

转载 作者:行者123 更新时间:2023-11-29 18:09:06 24 4
gpt4 key购买 nike

代码可以查看

http://jsfiddle.net/qsr5bs6v/

以下是添加折线的行

L.polyline([[31.233, 121.465], [31.233499, 121.500634], [31.190172, 121.588107]], {
color: '#000',
smoothFactor: 10.0
}).addTo(map)

可以看出,属于折线的每两条线的连接点都有一个 Angular ,像这样,不太好看:

enter image description here

我想知道是否有一种简单的方法可以在 Mapbox 中将 Angular 变成圆 Angular 曲线..

(我看到这篇关于平滑多段线 Smooth polyline with minimal deformation 的帖子。在那篇帖子中,我看到建议采用 CHAIKIN 算法,但该算法的缺点是平滑曲线不会直接通过控制点...)

最佳答案

您可以使用 turf-bezier从任何 LineString 几何图形创建插值贝塞尔线。

关于javascript - 在 Mapbox.js 中,如何平滑折线?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29074956/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com