Javascript 将旋转球体上的标记与D3.js中的线连接

Javascript 将旋转球体上的标记与D3.js中的线连接,javascript,d3.js,data-visualization,Javascript,D3.js,Data Visualization,我正在D3.js中制作旋转地球仪 我想通过经度和纬度用线连接标记(城市) 我可以成功地在地球上创建一条线,如下所示: var link = [ {type: "LineString", coordinates: [[100, 200], [50, 30]]} ] // Add the path svg.selectAll("myPath") .data(link) .enter() .append("path") .attr("d", function(d){ re

我正在D3.js中制作旋转地球仪

我想通过经度和纬度用线连接标记(城市)

我可以成功地在地球上创建一条线,如下所示:

var link = [
    {type: "LineString", coordinates: [[100, 200], [50, 30]]}
]

// Add the path
svg.selectAll("myPath")
  .data(link)
  .enter()
  .append("path")
    .attr("d", function(d){ return path(d)})
    .style("fill", "none")
    .style("stroke", "orange")
    .style("stroke-width", 7)

但是当我在链接数据中输入经度和纬度值时,这条线不能正确地投射到地球上。即使指定了两个点之间的经度和纬度,线的端点也不会接触到城市。

尝试以下操作:其中一个不是有效的lat-long对,您可以共享您使用的数据以及它们应该对应的城市吗?