我们已经知道,在浏览器上进行动画制作会使它有些疲惫,但是当地图与动画相遇时,我相信美好的事物将会
您知道一些与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。
#1 楼
GeoNode是一个结合了各种开放源代码项目(Django,GeoExt,OpenLayers,GeoWebCache,GeoServer,GeoNetwork)的平台,用于管理和发布地理空间数据。由Mapstory使用,它提供了具有历史视角的动画地图基础结构:
#2 楼
另一个示例是来自https://github.com/mpriour/TimeManager_OpenLayers-Addinhttp://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
评论
RaphaëlJS和OpenLayers @Aragon链接已损坏正确链接dev.openlayers.org/examples/filter-strategy.html