Leaflet.js：地図のズームが終了したことを検出

Question

私はこのアプリケーションをleafet.jsで作っています。 このアプリケーションでは、画面にグリッドを手動で描画する必要があります。ファンクションで画面に多角形を描画するように気を配った 関数が必要です。

私はリーフレットマップの変更をトリガするよう呼びかけています。 zoom - ズーム整数とsizeは、マップ上に描画されるタイルのサイズを制御する{x:1,y:1}のようなものです。 （彼らはタイルが下描かれている単位がLATあるように変更する必要があり、マップ上の長いポイント。私はsetTimeoutメソッドを使用する必要が

function changeZoom(zoom,size){ 
    map.setZoom(zoom); 
    setSize(size); 
    setTimeout(drawGrid,500)s; 

}

理由はリーフレットignoresので、任意の図であり、 （私は層としてやっている）は、地図の上にコマンドマップは、アニメーションが完了するまで。

あなたはAPIで説明map.zoomendイベントを、使用することができます。この非同期代わりに？

Answer 1

を行う方法

map.on('zoomend', function() { 
    drawGrid(); 
}); 

マップがズームアニメーションを終了すると、それはその後、drawGrid関数を呼び出します。

Answer 2

リーフレットの新しいバージョンでは、 "zoomed"はもはやイベントではありません。 「zoomstart」と「zoomend」のイベントが存在することになります：「スクロールでズーム」中

map.on("zoomstart", function (e) { console.log("ZOOMSTART", e); }); 
map.on("zoomend", function (e) { console.log("ZOOMEND", e); });