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:
- Każdy znał jakieś przykłady, LUB
- Każdy wiedział, czy jest to możliwe / względnie proste, LUB
- Jeśli to możliwe, każdy miał jakieś wskazówki na temat problemów, które mogę napotkać.
Odpowiedzi:
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
brushended
funkcji iteruj,layer_group.eachLayer()
używajyour_map.removeLayer(layer)
iyour_map.addLayer(layer)
kontroluj widoczność funkcji.Oto JSFiddle: https://jsfiddle.net/0dyjkk2h/2/
źródło