Mais

Algum exemplo de D3.brush () usado com o folheto?


Tenho um mapa de folheto que coloquei um SVG "em cima" usando o painel de sobreposição de folheto. Quero adicionar um pincel D3 ao painel de sobreposição que atualizará um gráfico separado. Procurei exemplos de exemplos simultâneos de D3.brush () e de folheto, mas não consigo encontrar nenhum.

A coisa mais próxima que encontrei foi este https://github.com/mbostock/d3/issues/1321 e este https://www.mapbox.com/mapbox.js/example/v1.0.0/timeline-scaled-markers/ (isso é escovar o gráfico, não o mapa).

Fiquei me perguntando se:

  1. Alguém sabia de algum exemplo, OU
  2. Alguém sabia se isso era possível / razoavelmente simples, OU
  3. Se possível, alguém tinha dicas sobre o tipo de problema que eu poderia encontrar.

Acabei de fazer um exemplo básico com base neste bl.ock.

Processar

  • adicione seu grupo de camadas ao mapa (do GeoJSON)

  • salve seu grupo de camadas em uma variável, ou seja,var layer_group = L.geoJSON (json, {…}). addTo (your_map);

  • Na tuaescovadofunção, iterar sobrelayer_group.eachLayer ()E useyour_map.removeLayer (camada)eyour_map.addLayer (camada)para controlar a visibilidade do recurso.

Aqui está o JSFiddle: https://jsfiddle.net/0dyjkk2h/2/


Assista o vídeo: tutorial Part 9: Drawing a Map and Putting Bubbles On It 2019 (Outubro 2021).