我很想知道这个社区中的人们是否使用openlayers来满足动画需求。
我们已经知道,在浏览器上进行动画制作会使它有些疲惫,但是当地图与动画相遇时,我相信美好的事物将会

您知道一些与openlayers兼容的优秀动画网站或算法吗?

这些是我所了解的动画,一些代码和示例。请与需要openlayers的人分享有关动画的知识...

用于在地图上添加具有时间延迟功能的基本javascript代码。.

 time = 0;
    for (var i = 0; i < 5; i++) {
        time += 1000;
        setTimeout(function(j) {
            return function() {
                console.log("var is now", j);
            }
        }(i), time);
    }


i2maps

是一个地理计算环境。它为时空数据和面向Web的可视化知识发现提供了灵活的编程框架。 Javascript库用于构建交互式用户界面,并建立在OpenLayers之上。



OpenLayers时间轴

是一个简单的库,用于使用OpenLayers创建与时间相关的地图。
它支持集群策略(OpenLayers .Strategy.Cluster)和时间过滤。
当前它支持GeoJSON或GeoRSS格式的源数据。



Timemap.js

是一个Javascript库,可帮助通过SIMILE时间轴使用在线地图,包括Google,OpenLayers和Bing。该库允许您将JSON,KML或GeoRSS中的一个或多个数据集同时加载到地图和时间轴上。默认情况下,地图上仅显示时间轴可见范围内的项目。



自行车共享地图

提供商的网站每2-20分钟会自动更新一次数据。自行车使用是同时使用,包括自行车的重新分配。一整天的实际总使用量可能更高。分配不平衡-为了使所有机架的满百分比相同,需要转移到其他机架的周期数。数字越高表示分布越不平衡,例如中心有许多自行车,边缘则很少。本网站可能会中断。

数据:提供商的网站。地图数据:OpenStreetMap贡献者,包括OS Open Data。托管:UCL。由Mapnik和OpenLayers提供支持。




RaphaëlJS和OpenLayers集成。

RaphaëlJS是一个小型JavaScript库,应该可以简化您的在网络上使用矢量图形。例如,如果要创建自己的特定图表或图像裁剪并旋转窗口小部件,则可以使用此库轻松轻松地实现它。



OpenLayers过滤策略

本示例使用过滤策略来限制传递给图层的要素。绑定到该图层的要素具有带有日期值的when属性。筛选器策略是使用“之间”筛选器构建的,该筛选器限制了显示日期的跨度。一个简单的动画循环遍历when值的域,并使用更新的过滤器对策略调用setFilter。



评论

RaphaëlJS和OpenLayers @Aragon链接已损坏

正确链接dev.openlayers.org/examples/filter-strategy.html

#1 楼

GeoNode是一个结合了各种开放源代码项目(Django,GeoExt,OpenLayers,GeoWebCache,GeoServer,GeoNetwork)的平台,用于管理和发布地理空间数据。

由Mapstory使用,它提供了具有历史视角的动画地图基础结构:



#2 楼

另一个示例是来自https://github.com/mpriour/TimeManager_OpenLayers-Addin

http://mpriour.github.com/openlayers/examples/wmst-auto.html
http://dev.openlayers.org/sandbox/mpriour/temporal_map/openlayers/examples/wmst.html

http://dev.openlayers.org/sandbox/mpriour /temporal_map/openlayers/examples/time-control.html

#3 楼

Aragon
您所指向的示例非常好。

我在某些动画上使用了OpenLayers,但主要问题是没有“标准方法”来做,因为没有标准方法

对于栅格数据,可以很容易地为每个具体时间创建一个图层,并管理每个动画步骤中必须可见的图层。

对于矢量数据而言,事情变得更加复杂,不仅是如何对特征,数据和时间进行建模,还在于如何对其进行可视化。根据数据类型,您可能需要大量的效果和动画。

欢呼声。

评论


嗯,这是答案吗?听起来更像是一条评论。如果您发布了“简单”和“复杂”的示例,则可能会成为答案。

–tony gil
13年2月14日在1:48