沿着线移动标记，React native，Mapbox或反应原生地图

Question

我将沿着各自的路径显示几个标记的移动。我有一个每个标记的坐标数组。

MARKER1 = [[LAN1，lon1]，[LAN2，lon2]，[LAN3，lon3]，[LAN4，lon4]，...]

我已设法为坐标绘制线条图层，但我需要为标记设置动画，使其从起始位置移动到目的地。

我还有更多信息，例如记录的每个坐标的时间戳。我正在使用Mapbox，但react-native-maps的解决方案也会有所帮助！

Answer 1

对于动画，你需要大约两件事：

1. 沿其路径的标记位置。您已经拥有起始位置和目标位置，因此您可以使用Turf.along(line, distance逐步确定位置。
2. 动画。使用requestAnimationFrame或甚至setTimeout，您可以每隔x秒更新标记位置（您可以随时间戳更改它），使用下一个位置（通过递增distance参数获得）。

您可以在Mapbox GL JS examples上找到完整的示例。