通过MapboxGL上的插值平滑旋转图标

问题描述 投票:0回答:1

我正在尝试使用MapboxGL的数据驱动样式和插值表达式来改变其地图标记的旋转动画。这是图层配置的相关部分:

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

winddir属性将是-180和180之间的值。

标记将正确旋转显示在地图上。但是,当它们更改时,它们会“捕捉”到下一个位置。我以为我没有正确使用“停靠点”。Here areinterpolate文档。

mapbox-gl-js mapbox-gl
1个回答
0
投票

[the documentation说:

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

它不包括魔术术语“可转换”。因此,动画过渡不会应用于icon-rotate

© www.soinside.com 2019 - 2024. All rights reserved.