OpenLayers3中的功能动画

Question

我很好奇OpenLayers3中动画功能的可能性.

我非常了解这里提供的示例 http://openlayers.org/en/v3.0.0/examples/animation.html和 https://gis.stackexchange.com/questions/26546/openlayers-animation-examples -and-算法

但是,OL3的官方示例并不完全符合我的需求.

假设我有一个图层(例如geojson),它有一个带有大量时间值的"时间"列.

我想实现类似滑块的功能,根据用户的操作添加/删除功能(或更改其样式).

问题是有一些API可能能够做到这一点,但它们似乎已经过时(代码示例仍在使用ol2).

您对如何使用OL3构建简单动画滑块有任何建议吗？

编辑:它不一定是适当的动画.我想到的一种可能性是每当移动滑块时都会改变图层的样式.尽管如何实现这一点仍然没有任何线索.

这张图片说明了我的想法:

编辑:我目前的方法是有一个滑块,每次移动时触发代码.我试图动态地改变图层样式,但我仍然没有得到可行的结果.

Answer 1

好的。我自己想出了一个解决方案。这并不是一个真正成熟的动画，但它对我有用。

基本上我所做的就是将 wfs 图层加载到我的地图中。现在，技巧如下：当我这样做时，我只需将特征的时间值逐一排序，并将时间值为 1 的每个特征添加到一层，将时间值为 2 的每个特征添加到另一层，然后如此等等。这基本上就达到了目的。其余的很简单。

下一步是我实现一个范围从 1（最低时间值）到最高时间值的滑块。每次移动滑块时，它都会触发一个事件，该事件会找出滑块设置的时间值，然后添加/删除相应的图层。

因此，如果滑块设置为 5。它会将 1 到 5 的每个图层添加到地图中，并删除所有其他图层。再说一次，这并不是真正的动画，但它在我的情况下确实有效。

如果有人提出其他可能的解决方案，请将其发布在这里。我会很感激。

（顺便说一句，这就是我的解决方案的实际效果：）

编辑：我现在还可以确认可以用这种方法构建“正确的”动画。我只是构建了一个 js 函数，其中包含多个“setTimeout”，用于在添加图层时计时，并添加触发此函数的播放按钮。这相当于一个动画，可视化从 t=1 到 tmax 的增长。