Leafletで使用されるD3.brush（）の例はありますか？

リーフレットオーバーレイペインを使用してSVGを「上に」配置したリーフレットマップがあります。D3ブラシをオーバーレイペインに追加して、別のグラフを更新します。D3.brush（）とリーフレットの例の同時例を探しましたが、見つからないようです。

私が見つけた最も近いものだった。このhttps://github.com/mbostock/d3/issues/1321と、このhttps://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/（これはマップではなくチャートをブラッシングしています）。

私は疑問に思っていました：

1. 誰もがどんな例でも知っていた、または
2. これが可能であるか、合理的に簡単であるか誰でも知っていた、または
3. 可能であれば、私が遭遇する可能性のある種類の問題について、誰かがアドバイスをしました。

このbl.ockに基づいて1つの基本的な例を作成しました。

処理する

• レイヤーグループをマップに追加します（GeoJSONから）

• レイヤーグループを変数に保存します。 var layer_group = L.geoJSON(json, {...}).addTo(your_map);

• あなたにはbrushended機能、反復処理layer_group.eachLayer()し、使用your_map.removeLayer(layer)およびyour_map.addLayer(layer)機能の可視性を制御します。

これがJSFiddleです：https ://jsfiddle.net/0dyjkk2h/2/