Openlayers4.6.3模仿迁徙图

一、最终效果

模仿迁徙图效果

二、制作思路
1.根据给定线段生成，贝塞尔曲线；我这里暂时限制，每个线段为三个点。

贝塞尔曲线

1) A、B、C三个点为已知点，F点为贝塞尔曲线上的点，我们要求出F点的点坐标。
2)根据DF:DE= AD:AB= BE:BC 的关系我们根据极限法求出，点的位置。

贝塞尔曲线求比例的函数

求贝塞尔曲线的辅助函数

2.根据Style的render函数，控制线上的点进行移动，其中render函数的两个参数，第一个为当前点所在的像素位置，由此我们可以控制点的头和尾的位置。
3.然后用feature的setCoordinates不断来移动点来展示动画。