D3.brush () के किसी भी उदाहरण को USC के साथ प्रयोग किया जाता है?

Question

मेरे पास एक लीफलेट मैप है जिसे मैंने एक एसवीजी रखा है "लीफलेट ओवरले पेन का उपयोग करके"। मैं ओवरले फलक में एक डी 3 ब्रश जोड़ना चाहता हूं जो बाद में एक अलग चार्ट अपडेट करेगा। मैंने एक साथ 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. यदि संभव हो, तो किसी के पास मेरे द्वारा सामना किए जाने वाले मुद्दों के प्रकार पर कोई सुझाव हो सकता है।

Comments

क्या आपको यह काम मिला? क्या आपको पता था कि फ़ायरफ़ॉक्स में ब्रश आपके माउस से नहीं मिलता है?

— फ्रेजर किर्कमैन

यह ब्रश का एक विकल्प है - github.com/w8r/leaflet-area-select

— Frazer Kirkman

Answer 1

मैंने इस 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/ है

Comments

हो सकता है कि मैं सवाल को ठीक से समझ नहीं पाया। क्या आप नक्शे पर या एक अलग चार्ट पर ब्रश करने में सक्षम होना चाहते हैं (जैसे मेरे उदाहरण में)?

— थाइबटग