D3 + 谷歌地图 -- 删除数据点

Question

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

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

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

如您所见，块

  // 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 更新模式的简短教程。

// 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");