Jakieś przykłady D3.brush () używanego z Ulotką?

10

Mam mapę ulotki, którą umieściłem SVG „na górze” za pomocą okienka nakładki ulotki. Chcę dodać pędzel D3 do panelu nakładki, który następnie zaktualizuje osobny wykres. Rozejrzałem się za przykładami D3.brush () i przykładami ulotek, ale nie mogę ich znaleźć.

Najbliższą rzeczą, jaką znalazłem, było https://github.com/mbostock/d3/issues/1321 i https://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/ (szczotkuje to mapę, a nie mapę).

Zastanawiałem się czy:

  1. Każdy znał jakieś przykłady, LUB
  2. Każdy wiedział, czy jest to możliwe / względnie proste, LUB
  3. Jeśli to możliwe, każdy miał jakieś wskazówki na temat problemów, które mogę napotkać.
mdgis
źródło
Czy działało to? Czy zauważyłeś, że pędzel nie zrównał się z myszą w Firefoxie?
Frazer Kirkman
Jest to alternatywa dla pędzla - github.com/w8r/leaflet-area-select
Frazer Kirkman

Odpowiedzi:

2

Właśnie stworzyłem jeden podstawowy przykład na podstawie tego bl.ock .

Proces

  • dodaj swoją grupę warstw do mapy (z GeoJSON)

  • zapisz swoją grupę warstw w zmiennej, tj var layer_group = L.geoJSON(json, {...}).addTo(your_map);

  • W swojej brushendedfunkcji iteruj, layer_group.eachLayer()używaj your_map.removeLayer(layer)i your_map.addLayer(layer)kontroluj widoczność funkcji.

Oto JSFiddle: https://jsfiddle.net/0dyjkk2h/2/

Mapa ulotki ze szczotką D3

thibautg
źródło
Może źle zrozumiałem pytanie. Czy chcesz mieć możliwość rysowania na mapie czy na osobnej mapie (jak w moim przykładzie)?
thibautg