D3js地图:南极填埋物？

Question

我用D3js制作了一张K ppen-盖革气候分类图，但出于某种原因，南极洲的覆盖层只是部分填充在大陆上。进行中的版本 在github上

​

​

在QGIS中打开时，世界地图和气候图的形状文件似乎都被正确地设置，并且它们似乎正确地转换为GeoJSON。我尝试将文件转换为GeoJSON而不是TopoJSON，但得到了相同的结果。

我从这里那里得到了气候图

我的怀疑是在我的代码中错误地设置了一些东西。有一个额外的复杂，我需要添加一个剪辑路径到气候层，因为形状文件的平方边缘，流血到海洋，这看起来不太好。要输入形状文件，我使用以下函数：

function loadOverlay(overlayFile) {
    d3.json(overlayFile, function (error, climate) {

        // remove the old overlay if it exists
        svg.selectAll(".overlay")
            .remove();

        // add new overlay to the map
        svg.append("g")
            .attr("class","overlay") // set the class
            .attr("clip-path", "url(#clip)") // use the shoreline paths as a clip path
            .selectAll(".climate")
                .data (topojson.feature(climate, climate.objects.features).features) // load the overlay from topoJSON
                .enter()
                .append("path")
                    // set the Climate type from the gridcode feature property in the topoJSON file
                    .attr("class",function (d) { 
                        return "climate " + d.properties.gridcode;
                    })
                    .attr("d", d3.geo.path().projection(projection))
                    .attr("title", function (d) {
                        return d.properties.gridcode;
                    });
    });
}

Answer 1

我认为您需要使用自适应重采样，正如迈克在这里描述的：http://bost.ocks.org/mike/example/