问题与d3投影albers产生方格地图

Question

我正在将Bostock的美国地图集（未过滤的美国各州shp文件）中的地图文件转换为topojson。最后我得到了这张地图。有人知道为什么吗？

我的投影代码：var svg=d3.select（"#交互式"）。插入（"svg"）。attr（"宽度"，w）。attr（"高度"，h）；

var projection = d3.geo.albers().scale([600]);

var path = d3.geo.path().projection(projection);

d3.json("us-states.json", function(error, us) {
  if (error) return console.error(error);

  svg.append("path")
      .datum(topojson.mesh(us))
      .attr("d", path);
});

我尝试过的原始文件（做同样的事情）：12，转换文件：12，

Answer 1

原来这就是它应该做的！

有两个修正。

要显示边框，我们可以保留当前代码，但需要将填充设置为“无”，只需对边框本身进行样式化。类似这样的工作原理：

.states_borders{
stroke: #00001d;
  stroke-width: .5px;
  fill: white;
   /* stroke-dasharray: 1,1;  */
  stroke-linejoin: round;
  stroke-linecap: round;
}

为了正确地显示状态本身，我们需要使用topojson。功能来构造我们的数据对象。