Googleマップのイベントbounds_changedがドラッグ時に複数回トリガーされました

Question

マーカー付きのGoogleマップがあります。私は自分のマーカーが

Googleがそのためのイベントbounds_changedを使用することをお勧めしますが、私はマップを移動すると、イベントは、私が移動する画素ごとにトリガーされる...マップがズーム/移動したときにリフレッシュさせたいです地図。ユーザーが地図の移動を停止したとき、つまりドラッグした後にマウスボタンを放したときにのみ地図を更新することをおすすめします。

どうすればいいですか？

おかげ

Answer 1

dragendイベント：http://code.google.com/p/gmaps-api-issues/issues/detail?id=1371。

Googleチームはイベント「アイドル」を使用することをおすすめします。たとえば：

google.maps.event.addListener(map, 'idle', function() { 
}); 

Answer 2

は両方がzoom_changed使用して試してみて、それが報告されたバグだっ判明

Answer 3

は、イベントが発生した後、あなたのコードの500msを実行し、タイムアウトを追加し、毎回イベントが発生するタイムアウトをクリアし、新しいものを作成します。

google.maps.event.addListener(map, 'bounds_changed', (function() { 
 
    var timer; 
 
    return function() { 
 
     clearTimeout(timer); 
 
     timer = setTimeout(function() { 
 
      // here goes an ajax call 
 
     }, 500); 
 
    } 
 
}()));

Answer 4

選択答えは、ほとんどの環境のための最良のですが。自分で遅延をコントロールしたい場合は、単純に次のようなものを使用できます。ここで

var mapupdater; 

{....} 

google.maps.event.addListener(map, "bounds_changed", mapSettleTime); 


function mapSettleTime() { 
    clearTimeout(mapupdater); 
    mapupdater=setTimeout(getMapMarkers,500); 
} 

Answer 5

コールの「bound_changed」すべての冗長を削除します少し抜粋です：私たちはパンを使用してマップを移動するとき

var timeout; 
google.maps.event.addListener(map, 'bounds_changed', function() { 
window.clearTimeout(timeout); 
timeout = window.setTimeout(function() { 
    //do stuff on event 
    }, 500); 
}); //time in ms, that will reset if next 'bounds_changed' call is send, otherwise code will be executed after that time is up