javascript - OpenLayers3 中的特征动画

Question

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

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

但是OL3的官方例子不太符合我的需求。

假设我有一个图层(例如 geojson)，它有一个包含大量时间值的“时间”列。

我想实现类似 slider 的功能，它可以根据用户的操作添加/删除功能(或更改其样式)。

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

对于如何使用 OL3 构建一个简单的动画 slider ，您有什么建议吗？

编辑:它不一定是适当的动画。我想到的一种可能性是每当移动 slider 时改变图层的样式。尽管仍然不知道如何实现这一点。

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

编辑:我目前的方法是使用一个 slider ，每次移动时都会触发代码。我以某种方式尝试动态更改图层样式，但我仍然没有得到可行的结果。

Answer 1

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

基本上，我所做的是将一个 wfs 图层加载到我的 map 中。现在，这是诀窍:当我这样做时，我只是简单地将特征的时间值逐一排序，并将时间值为 1 的每个特征添加到一层，将时间值为 2 的每个特征添加到另一层，依此类推。这基本上可以解决问题。剩下的就简单了。

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

因此，如果将 slider 设置为 5。它将向 map 添加从 1 到 5 的每一层，并移除所有其他层。同样，这并不是真正的动画，但它确实适用于我的情况。

如果有人提出其他可能的解决方案，请在此处发布。我将不胜感激。

(顺便说一句，这就是我的解决方案的实际效果:)

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