使用多段线将标记从点A移动到点B

Question

我有电车的折线和更多的电车标记。我发现了用于动画标记移动的MovingMarker.js和用于逐点获取折线上最近点的leaflet.geometryutil.js。需要通过多段线获取从点A到点B的方向。有什么建议吗？

Answer 1

您提到了MovingMarker.js，我认为它包含了您想要做的一切。

这里是Example。

对于线的创建，您已经有了两个点，因此您已经有了它们的坐标，因此您将能够轻松地在这两个点之间创建一条线，并使用MovingMarker插件在其上运行移动标记，使其从点a坐标开始到点b坐标。

var line = L.line([L.latLng(/* point a lon*/, /* point a lat */), L.latLng(/* point b lon*/, /* point b lat */)]).addTo(map);
var marker = L.Marker.movingMarker([[/* point a lon*/, /* point a lat */],[/* point b lon*/, /* point b lat */]],
                    [20000]).addTo(map);
marker.start();