我无法使用 d3 将点与地图上的线连接起来。我认为我应该使用 d3.svg.line() 来创建点 - 但是当我这样做时,我只会得到一个非常小的 blob。请参阅下面的链接以获取迄今为止我能够完成的截图 - 我想用一条线连接黑点。任何帮助将非常感激。
var svg = d3.select("body").append("svg")
.attr("width", width + margin.left + margin.right)
.attr("height", height*3 + margin.top + margin.bottom)
.append("g")
.attr("transform", "translate(" + margin.left + "," + margin.top + ")");
var group = svg.selectAll("g")
.data(data)
.enter()
.append("g")
var projection = d3.geo.mercator().scale(5000).translate([-2000,5900])
var path = d3.geo.path().projection(projection)
var graticule = d3.geo.graticule()
var line = d3.svg.line()
.interpolate("linear")
.x(function(d) { d.geometry.coordinates[0]; })
.y(function(d) { return d.geometry.coordinates[1] ; });
// this returns a parse error
// .x(function(d) …Run Code Online (Sandbox Code Playgroud)