javascript - D3js map 上的圆圈 : Projection Issue?

Question

我再次寻求帮助。

我设法绘制 map ，但当我尝试添加圆圈(存储 csv 中的位置)时，我的点出现在左上角，并且出现以下错误

> Error: <circle> attribute cx: Expected length, "NaN". Error: <circle>
> attribute cy: Expected length, "NaN". Error: <circle> attribute r:
> Expected length, "NaN".

我在堆栈中阅读了很多帖子，并且阅读了 Mike Bostock 的基本教程，但无法将我的观点放在正确的位置

所以我想知道我正在使用的圆圈的投影是否不是我所看到的这种行为的原因

请查找here我的笨蛋

注意:我故意在 if 函数中使用同一个 json 文件两次，请不要介意这一点

非常感谢您的帮助

Answer 1

我想到了两件事:

1. 您的 CSV 标题(经度、纬度)与用于将圆居中的属性(经度、纬度)不匹配。

2. 您的 csv 中存在错误:13,33.243161-8.512494999999944,Station13,1672473(缺少逗号)。

如果您认为投影有问题，确认这一点的最简单方法是测试一个点:

console.log(projection[0,0]); 

如果您得到 SVG 坐标，则您的投影可能不是问题。相反，问题可能出在您为投影提供的内容或使用数据投影返回的内联公式。