Topojson缺少外界

时间:2015-09-30 18:00:59

标签: d3.js topojson

渲染我的topojson时,我错过了状态的外部边界。

例如,我对南方的看法如下:

enter image description here

相反,我需要填补所有外部边界。

我的地图风格如下:

.state-boundary {
        stroke: #00001d;
        stroke-width: .5px;
        fill: white;
        stroke-linejoin: round;
        stroke-linecap: round;
      }

在转换为topojson之前,geojson看起来如下: enter image description here

我的d3如下:

svg.append("path")
        .datum(topojson.mesh(topology, topology.objects.south, function(a, b) { return a !== b; }))
        .attr("d", path)
        .attr("class", "state-boundary");

1 个答案:

答案 0 :(得分:0)

所以,这只是改变网格方法的问题。我真的不明白其中的区别,所以也许有人可以参与其中:

svg.append("path")
        .datum(topojson.mesh(topology, topology.objects.south))
        .attr("d", path)
        .attr("class", "state-boundary");