Javascript MapboxGL JS动画转换GeoJSON功能不透明度

Javascript MapboxGL JS动画转换GeoJSON功能不透明度,javascript,mapbox,mapbox-gl-js,Javascript,Mapbox,Mapbox Gl Js,我有一个GeoJSON图层,其中房地产地块作为源添加到我的Mapbox地图中。当用户点击某个特定批次时,我的创意团队希望该批次脉冲或其不透明度从.1变为.7不断重复,直到我们删除活动状态。我在所选批次中添加了一个活动特征状态,并且颜色都很好,但是我不确定在该特征处于活动状态时是否能够实现连续淡入/淡出。这在MapboxGL JS中可能吗 我附上了一张彩色照片 我们也曾经在这个项目中使用谷歌地图,并且能够达到预期的效果,所以我创建了一个GIF来明确我们在寻找什么 有人知道吗 提前感谢。是一个可

我有一个GeoJSON图层,其中房地产地块作为源添加到我的Mapbox地图中。当用户点击某个特定批次时,我的创意团队希望该批次脉冲或其不透明度从.1变为.7不断重复,直到我们删除活动状态。我在所选批次中添加了一个活动特征状态,并且颜色都很好,但是我不确定在该特征处于活动状态时是否能够实现连续淡入/淡出。这在MapboxGL JS中可能吗

我附上了一张彩色照片

我们也曾经在这个项目中使用谷歌地图,并且能够达到预期的效果,所以我创建了一个GIF来明确我们在寻找什么

有人知道吗

提前感谢。

是一个可转换属性,因此当您更改不透明度时,它将在短时间内进行视觉转换-默认情况下为300毫秒

要实现您的目标:

  • 使用window.setInterval()创建计时器循环
  • 在内部,使用
    map.setPaintProperty('mylayer','fill opacity',…)设置图层的不透明度。
  • (可选)使用样式定义中图层上的特性控制过渡持续时间