OpenLayers3中的功能动画

我对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构建简单的动画滑块，您有什么建议吗？

编辑：它不一定是适当的动画。 我想到的一种可能性是每当移动滑块时改变图层的样式。 仍然没有线索，但如何实现这一点。

这张图解释了我的想法：

编辑：我目前的做法是有一个滑块，每当它移动时触发代码。 我以某种方式尝试动态改变图层样式，但我仍然没有得到可行的结果。

---

好。 我自己想出了一个解决方案。 这不是一个完整的动画，但它适用于我。

基本上我所做的是我加载一个wfs层到我的地图。 现在，这里有个诀窍：当我这样做时，我只是简单地对这些要素的时间值进行排序，然后将时间值为1的每个要素添加到一个图层，每个要素的时间值为2的要素添加到另一个图层，然后等等。 这基本上是诀窍。 其余的很简单。

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

所以，如果滑块设置为5.它会将1到5中的每个图层添加到地图中，并删除每个其他图层。 再一次，这不是一个真正的动画，但它对我来说确实有用。

如果有人想出另一种可能的解决方案，请在此处发布。 我会很感激。

（顺便说一句，这是我的解决方案在行动中的样子:)

编辑：我现在也可以确认可以用这种方法构建“适当”的动画。 我简单地构建了一个包含多个“setTimeout”的js函数，以便添加一个图层并添加一个触发此函数的播放按钮。 这相当于一个将t = 1到tmax的增长可视化的动画。

链接地址: http://www.djcxy.com/p/82631.html

上一篇: Animation of features in OpenLayers3

下一篇: How to make graphs in dc.js scrollable within a fixed dimension div?