地图上的 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我的笨蛋

N.B : 我故意在我的 if 函数中两次使用相同的 json 文件，请不要介意这一点

非常感谢您的帮助

Answer 1

我想到了两件事：

您的 CSV headers（经度、纬度）与您用于使圆居中的属性（经度、纬度）不匹配。
您的 csv 中存在错误：13,33.243161-8.512494999999944,Station13,1672473（缺少逗号）。

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

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

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

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

D3js circles on a map : Projection Issue?

javascript

map-projections

d3.js