このコミュニティの人々がアニメーションのニーズにオープンレイヤーを使用しているのか、長い間疑問に思っています。ブラウザでのアニメーションは少し疲れるが、地図がアニメーションと出会うと、良いことが出てくると信じている。
openlayersと互換性のあるアニメーションの優れたWebサイトまたはアルゴリズムを知っていますか?
これらは、アニメーション、いくつかのコード、例について私が知っていることです。plsは、これを必要とする人々のために、アニメーションに関する知識をオープンレイヤーと共有します...
時間遅延のあるマップ上に機能を追加するための基本的な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
は、Google、OpenLayers、BingなどのオンラインマップをSIMILEタイムラインで使用できるようにするJavascriptライブラリです。このライブラリを使用すると、JSON、KML、またはGeoRSSの1つ以上のデータセットをマップとタイムラインの両方に同時に読み込むことができます。デフォルトでは、タイムラインの表示範囲内のアイテムのみがマップに表示されます。
自転車共有マップ
データはプロバイダーのWebサイトから2〜20分ごとに自動的に更新されます。自転車の使用は同時使用であり、サイクルの再配布が含まれます。1日の実際の合計使用量ははるかに高い場合があります。分布の不均衡-すべてのスタンドが同じ満杯になるために、別のスタンドに移動する必要があるサイクルの数。数字が大きいほど、分布が不均衡になっていることを示します。たとえば、中心部に多くの自転車があり、端部にはほとんどありません。このウェブサイトは中断される場合があります。
データ:プロバイダーのWebサイト。地図データ:OS Open Dataを含むOpenStreetMapの貢献者。ホスティング:UCL。MapnikとOpenLayersを搭載しています。
RaphaëlJSとOpenLayersの統合。
RaphaëlJSは、Web上のベクターグラフィックスでの作業を簡素化する小さなJavaScriptライブラリです。たとえば、独自の特定のグラフや画像の切り抜きと回転ウィジェットを作成する場合、このライブラリを使用して簡単かつ簡単に実現できます。
OpenLayersフィルター戦略
この例では、フィルター戦略を使用して、レイヤーに渡されるフィーチャを制限しています。このレイヤーにバインドされたフィーチャには、日付値を持つwhen属性があります。フィルター戦略は、表示される日付の範囲を制限するbetweenフィルターで構築されます。単純なアニメーションは、when値のドメインを循環し、更新されたフィルターを使用して戦略でsetFilterを呼び出します。