Javascript 将旋转球体上的标记与D3.js中的线连接
我正在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
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对,您可以共享您使用的数据以及它们应该对应的城市吗?