Javascript d3未在传单地图上添加/更新点

我正在尝试使用D3V4获取点数据的FeatureCollection GeoJSON以附加到传单地图。下面是一个包含相关代码的jsfilddle：

我有两个主要问题：

数据根本没有附加（在DOM中只创建了一个g元素）

在某个时候，我得到了要附加的数据，但是当放大地图时，圆圈被剪掉了。据我所知，这是因为我没有得到缩放的界限，但我也无法解决这个问题。事实上，正如您所看到的，我使用传单方法得到了边界，因为使用d3方法返回了

Infinty

作为边界

任何关于如何进行的建议都将不胜感激

非常感谢

---

此外，这是一个解析的GeoJSON结构（我必须从常规的CSV转换而来）。

检查这一点，这很容易理解，也许你可以消除一些疑虑。另外，由于您是从csv文件创建geojson，请首先使用验证，这样您就可以丢弃格式错误的json作为问题。谢谢。事实上，我很快就发现了同样的例子，我认为这是最好的。我成功地画出了我的观点。但是，我现在很惊讶，因为这个例子没有使用map.getBounds（）或D3Bounds方法，所以我不理解它是如何工作的。它只是在“moveend”上重新绘制所有内容吗？这不是超级低效吗？很高兴你解决了你的问题。我真的不知道如何衡量这种方法的效率，但我猜任何SVG元素的转换都涉及到对象的重新排序，因此我们将讨论“相同”或至少类似的计算工作。另一方面，@mbostock似乎也使用了这种方法，正如您所看到的，因此这可能是一种很好的做法。希望这篇文章对你的问题也有帮助。