地图上的 D3js 圆圈：投影问题？

Question

我再次寻求帮助。

我设法绘制了我的地图，但是当我尝试添加圆圈（从 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 标头 (Lon,Lat) 与您用于使圆圈居中的属性 (lon, lat) 不匹配。

2. 您的 csv 中有错误：13,33.243161-8.512494999999944,Station13,1672473（缺少逗号）。

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

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

如果您返回 SVG 坐标，则您的投影可能不是问题所在。相反，问题可能与您提供的投影或使用数据投影返回的内联公式有关。