Bất kỳ ví dụ nào về D3.brush () được sử dụng với Tờ rơi?

Tôi có một bản đồ tờ rơi mà tôi đã đặt một SVG "trên đầu trang" bằng cách sử dụng ngăn lớp phủ tờ rơi. Tôi muốn thêm một bàn chải D3 vào khung lớp phủ sau đó sẽ cập nhật một biểu đồ riêng. Tôi đã xem xét bất kỳ ví dụ nào về các ví dụ D3.brush () và tờ rơi đồng thời nhưng dường như không thể tìm thấy bất kỳ ví dụ nào.

Thứ gần nhất tôi tìm thấy là https://github.com/mbostock/d3/issues/1321 này và https://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/ (đây là đánh dấu biểu đồ chứ không phải bản đồ).

Tôi đã tự hỏi nếu:

1. Bất cứ ai cũng biết bất kỳ ví dụ nào, HOẶC
2. Bất cứ ai cũng biết nếu điều này là có thể / hợp lý đơn giản, HOẶC
3. Nếu có thể, bất cứ ai cũng có bất kỳ lời khuyên nào về loại vấn đề tôi có thể gặp phải.

Tôi vừa mới làm một ví dụ cơ bản dựa trên bl.ock này .

Quá trình

• thêm nhóm lớp của bạn vào bản đồ (từ GeoJSON)

• lưu nhóm lớp của bạn trong một biến, tức là var layer_group = L.geoJSON(json, {...}).addTo(your_map);

• Trong brushendedchức năng của bạn , lặp đi lặp lại layer_group.eachLayer()và sử dụng your_map.removeLayer(layer)và your_map.addLayer(layer)để kiểm soát mức độ hiển thị của tính năng.

Đây là JSFiddle: https://jsfiddle.net/0dyjkk2h/2/