Herhangi bir örnek D3.brush () Leaflet ile kullanılan?

Broşür bindirme bölmesini kullanarak bir SVG "üstüne" yerleştirmiş bir broşür harita var. Bindirme bölmesine daha sonra ayrı bir grafik güncelleyecek bir D3 fırçası eklemek istiyorum. Ben eşzamanlı D3.brush () ve broşür örnekleri herhangi bir örnek aradım ama bulamıyorum gibi görünüyor.

Bulduğum en yakın şey bu https://github.com/mbostock/d3/issues/1321 ve bu https://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/ (bu haritayı değil, haritayı fırçalamaktır).

Merak ediyorum eğer:

1. Herkes herhangi bir örnek biliyordu VEYA
2. Herkes bunun mümkün / makul derecede basit olup olmadığını biliyordu VEYA
3. Mümkünse, herkesin karşılaşabileceğim konular hakkında herhangi bir ipucu vardı.

Ben sadece bu bl.ock dayalı bir temel örnek yaptım .

süreç

• katman grubunuzu haritaya ekleyin (GeoJSON'dan)

• katman grubunuzu bir değişkene kaydedin; var layer_group = L.geoJSON(json, {...}).addTo(your_map);

• Senin içinde brushendedişlev yinelerler üzerinde layer_group.eachLayer()ve kullanım your_map.removeLayer(layer)ve your_map.addLayer(layer)özelliğin görünürlüğünü kontrol etmek.

İşte JSFiddle: https://jsfiddle.net/0dyjkk2h/2/