mapbox-gl-js - 通过 MapboxGL 上的插值平滑旋转图标

Question

我正在尝试使用 MapboxGL 的数据驱动样式和插值表达式对地图标记的旋转进行动画处理。这是层配置的相关部分：

{
  layout: {
    'icon-rotate': ['interpolate', ['linear'], ['number', ['get', 'winddir'], 0], -180,-180, -90,-90, 0,0, 90, 90, 180, 180]
  }
}

该winddir属性的值介于 -180 和 180 之间。

标记出现在正确旋转的地图上。但是，当它们发生变化时，它们会“捕捉”到下一个位置。我在想我没有正确使用“停止”。 这是文档interpolate。

标签： mapbox-gl-jsmapbox-gl

Answer 1

正如文档所说：

布局属性。可选号码。以度为单位。默认为 0。需要图标图像。支持插值表达式。

它不包括神奇的术语“可转换”。因此，动画过渡不适用于icon-rotate.