전단지와 함께 사용 된 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 기반으로 하나의 기본 예제를 만들었습니다 .

방법

• 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/