3
Openlayers动画示例和算法
我想知道很长一段时间,这个社区中的人们是否使用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。