Mehr

Irgendwelche Beispiele für D3.brush(), die mit Leaflet verwendet werden?


Ich habe eine Broschürenkarte, auf der ich ein SVG "oben" mit dem Broschüren-Overlay-Bereich platziert habe. Ich möchte dem Überlagerungsbereich einen D3-Pinsel hinzufügen, der dann ein separates Diagramm aktualisiert. Ich habe mich nach Beispielen für gleichzeitige Beispiele von D3.brush() und Broschüren umgesehen, kann aber keine finden.

Das nächste, was ich gefunden habe, war dies https://github.com/mbostock/d3/issues/1321 und dies https://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/ (Dies bürstet das Diagramm, nicht die Karte).

Ich habe mich gefragt, ob:

  1. Kennt jemand Beispiele, ODER
  2. Jeder wusste, ob dies möglich / einigermaßen einfach war, ODER
  3. Wenn möglich, hatte jemand Tipps zu den Problemen, auf die ich stoßen könnte.

Ich habe nur ein grundlegendes Beispiel basierend auf diesem Block erstellt.

Prozess

  • Fügen Sie Ihre Layergruppe zur Karte hinzu (aus GeoJSON)

  • Speichern Sie Ihre Layergruppe in einer Variablen, d.h.var layer_group = L.geoJSON(json, {…}).addTo(your_map);

  • In deinemgebürstetFunktion, iterieren überlayer_group.eachLayer()und verwendenyour_map.removeLayer(layer)undyour_map.addLayer(layer)um die Sichtbarkeit der Funktion zu steuern.

Hier ist die JSFiddle: https://jsfiddle.net/0dyjkk2h/2/


Schau das Video: Visualizing Hierarchies with and (Oktober 2021).