2012-11-20 10 views
7

私はクラスプロジェクトの経度、緯度、および電話信号を収集するためにこのアンドロイドアプリを作成しました。私の目的は、この情報を単純なヒートマップのWebページに移植することです。私の質問は、この例では、私のヒートマップデータ変数を更新するための最良の方法だものです。特にヒートマップデータの更新、単純なGoogle HeatMap

https://google-developers.appspot.com/maps/documentation/javascript/examples/layer-heatmap

この変数:

 var taxiData = [ 
      new google.maps.LatLng(37.782551, -122.445368), 
      new google.maps.LatLng(37.782745, -122.444586), ... 
      ]; 

私はすべての提案に開いている、私はかなりよウェブ開発の初心者です。

答えて

24

Googleマップはこれを非常に簡単にします。

heatmap = new google.maps.visualization.HeatmapLayer({ 
    data: pointArray 
}); 
heatmap.setMap(map); 

MVCArrayをすることができます:

pointArray = new google.maps.MVCArray(taxiData); 

そしてこれは、ここでヒートマップとしてマップに置かれている - あなたはこの例では、taxiDataはここで特定のGoogle配列にロードされ、後に気づくかもしれません更新され、マップは自動的に更新されます。ヒートマップに新しいLatLngを追加する必要がある場合は、次のように入力します。

pointArray.push(new LatLng(<coordinates>)); 

地図が更新されます。

+0

ありがとうございました、MVCArraysはそのように動作しています。これは良い方向に私を指している、私は今日、それを文字通りそれで始まった、いくつかのJSチュートリアルをやろうと思う。 – Yonahs

+0

こんにちは問題ない、幸運を学ぶjavascript! – Bubbles

+0

ヒートマップ内の既存のポイントのウェイトまたはラテンのプロパティを変更することもできますか?アニメーションでは、ヒートマップの変更をできるだけ滑らかにしたいと思っています。今はマップをヌルに設定してヒートマップレイヤーをクリアしてから、新しいデータをすべてレイヤーとしてマップに設定しますが、ヒートマップポイントが短時間表示されなくなります –

関連する問題