Javascript 地图上的D3js圆:投影问题?

Javascript 地图上的D3js圆:投影问题?,javascript,d3.js,map-projections,Javascript,D3.js,Map Projections,我再次寻求帮助 我试图绘制地图,但当我尝试添加圆(从csv存储位置)时,我的点出现在左角,我得到以下错误 > Error: <circle> attribute cx: Expected length, "NaN". Error: <circle> > attribute cy: Expected length, "NaN". Error: <circle> attribute r: > Expected length, "NaN". >错

我再次寻求帮助

我试图绘制地图,但当我尝试添加圆(从csv存储位置)时,我的点出现在左角,我得到以下错误

> Error: <circle> attribute cx: Expected length, "NaN". Error: <circle>
> attribute cy: Expected length, "NaN". Error: <circle> attribute r:
> Expected length, "NaN".
>错误:属性cx:预期长度,“NaN”。错误:
>属性cy:预期长度“NaN”。错误:属性r:
>预期长度,“NaN”。
我在stack中读了很多文章,我也读了Mike Bostock的基本教程,但我无法将我的观点放在正确的位置

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

请找到我的宝物

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


非常感谢您的帮助

我想到两件事:

  • 您的CSV标题(Lon,Lat)与用于使圆(Lon,Lat)居中的属性不匹配

  • 您的csv中存在错误:
    13,33.243161-8.512494999944,站点131672473
    (缺少逗号)

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

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

    如果您得到了SVG坐标,您的投影可能不是问题所在。相反,问题可能与您输入的投影或使用数据投影返回的内联公式有关。

    非常感谢。完美地工作