Javascript 如何在d3.js映射中显示连接线（'；错误：<；路径>；属性d：预期数量）

“我正在使用d3.js在地图上的某些坐标之间绘制一个橙色连接线的世界地图
这样地

显示地图没有问题，但是连接小川和巴西利亚的橙色线没有出现在地图上，并且有错误

" 错误：属性d:预期数字，“…7.6843192758206，NaNL-148.3185307…”。 "

关于d3.v4.js:1206

我不知道为什么会发生错误，因为我认为我输入了正确的坐标

我已经搜索了这个错误消息，但我无法解决这个问题，因为大多数都是关于d3图形的问题，而不是地图

我尝试使用多种坐标输入，但都不起作用

（这是jsp文件中的一个脚本，我正在Spring框架中使用这个jsp）

我预计会出现一条连接大川（加拿大）和巴西利亚（巴西）的橙色线，但这条线不会出现错误

" 错误：属性d:预期数字，“…7.6843192758206，NaNL-148.3185307…”。 "

关于d3.v4.js:1206

此错误发生在该行

// Add the path
   svg.append("path")
       .attr("d", path(link))  // here the error occurs
       .style("fill", "none")
       .style("stroke", "orange")
       .style("stroke-width", 7)

在添加路径时

由于path（link）包含NaNL，所以变量link可能会出现问题，但我不知道为什么，因为我认为我正确地将坐标输入，就像工作代码一样

---

检查

链接提供的值

变量：它在投影空间中是否包含有效的坐标？有时，如果提供的坐标超出范围，它将溢出并返回

NaN

。您有纬度和经度：

坐标：[[Number（cities[0][“lat”]）、Number（cities[0][“lon”]）]

。但是geojson是经度，然后是纬度。哦，天哪，这就是问题所在。现在代码运行良好。谢谢大家安德鲁和特里。你们救了我几天。检查

链接提供的值

变量：它在投影空间中是否包含有效坐标？有时，如果提供的坐标超出范围，它将溢出d return

NaN

。你有纬度，然后是经度：

坐标：[[Number（cities[0][“lat”]），Number（cities[0][“lon”]）]

。但geojson是经度，然后是纬度。天哪，这就是问题所在。现在代码运行良好。谢谢大家安德鲁和特里。你救了我的命。

// Add the path
   svg.append("path")
       .attr("d", path(link))  // here the error occurs
       .style("fill", "none")
       .style("stroke", "orange")
       .style("stroke-width", 7)