javascript - d3 + google map -- 删除数据点

Question

我正在使用https://bl.ocks.org/mbostock/899711作为绘制谷歌地图的基础，其中包含数据表中的点。当我过滤数据表时，我希望 map 上的点也被这样过滤。

当我出于某种原因使用 exit().remove() 时，所有点都会被删除。

为了模拟我的代码，我 fork 了 Mike 的示例并添加了 exit().remove() 调用。请参阅https://bl.ocks.org/louking/a62333735faca758cb70d431b790f463

如您所见， block

  // trying to remove points which do not show up on reload
    .exit().remove()
  // end trying to remove points which do not show up on reload

导致点全部消失。

我该如何解决这个问题？请解释一下这里发生了什么。

提前致谢!

Answer 1

您只能通过选择进入或退出方法。您可以阅读有关 d3 更新模式的简短教程 here 。

// trying to remove points which do not show up on reload
marker.exit().remove()
// end trying to remove points which do not show up on reload 
marker.enter().append("svg")
      .each(transform)
      .attr("class", "marker");