2

基本的なアニメーションの要素を追加したい単純なヒートマップ (google maps api v3 を使用) を作成しました。

データポイントのコレクションがいくつかあり、各コレクションは期間 (たとえば 30 分) を表します。

データの 1 つのコレクションに対応するヒートマップを「再生」し、次のコレクション、次のコレクションなどを続けたいと考えています。ビデオフレームを再生するのとほとんど同じです。

MVCArray を使用してこれを実行しようとしましたが、これをクリアして新しいデータポイントで更新しました。このようなもの

data = new google.maps.MVCArray(datapoints);

数秒後:

for (i=0;i<data.getLength();i++){
        data.removeAt(i);
    }

データ配列が正常にクリアされたとしても、新しいヒートマップ データはブラウザーの古いヒートマップの上に追加されるだけなので、これは機能しません。

この問題と基本的な解決策は、次の場所で説明されています: Google マップから HeatmapLayer を削除する

解決策は、次を使用してヒートマップをクリアすることです。

heatmap.setMap(null)

ただし、これはヒートマップを完全にクリアし、マップを1〜2秒間空のままにするため、私にはうまくいきません。つまり、アニメーション効果が失われます。

私ができることについて何か提案はありますか？

4

1 に答える 1