Mapbox：如何动画多边形变换答案

【问题标题】：Mapbox : How to animate Polygon transformationMapbox：如何动画多边形变换
【发布时间】：2019-02-01 13:44:02
【问题描述】：

像这样将一个点特征从一个特征转换为另一个特征非常简单：

但我面临的用例需要将多边形特征从一个状态动画化到另一个状态，有时多边形（旧的和新的）可能有不同数量的顶点，例如如下所示，我想将左侧多边形平滑地动画到右侧？

是否有任何预先构建的 API 或有效的方法来做这些事情？

【问题讨论】：

没有内置的 API 可用于您想到的转换，但您可以使用自定义 TypeEvaluator 创建自定义 ValueAnimator，并使用每个动画片段创建一个新多边形并更新地图。
谢谢@ŁukaszPaczos 我正在走这条路，现在我面临着如何在边数发生变化时引入中间点的问题
@erluxman，你有想过这个吗？我正在尝试完成相同的多边形动画过渡

【解决方案1】：

有时多边形（旧的和新的）可以有不同数量的顶点

作为此特定问题的解决方案，您可以简单地在具有较少顶点的多边形上添加中间节点。下图显示了如何从多边形 A（矩形）到多边形 B（“加号”形状）。这是this video的截图，建议你去看看。

现在，困难的部分是如何确定在哪里添加这些节点？
你有更多关于这些多边形的信息吗？他们之间有关系吗？

【讨论】：

只有一个坐标数组（在屏幕或地图中无所谓）
@erluxman 稍微改变一下动画怎么样，例如：首先，通过将第一个多边形的所有节点聚集到它的重心来折叠第一个多边形。从那里，您可以添加缺失的节点，然后将它们移动到各自的最终目的地。你怎么看？
我认为这不是一个可行的选择，但我现在想的是用最近点的副本替换缺失的点..