为什么D3.js不显示我的geoJSON文件?

时间:2013-11-01 16:18:36

标签: javascript json d3.js visualization geojson

我想用D3.js。

画出柏林(德国)的轮廓

我使用柏林的geoJSON文件就是这个(柏林 - “bundesländer”): http://opendatalab.de/projects/geojson-utilities/

但它只适用于我的.json文件。我无法发现这个.json文件的差异,因为我们的状态与完全相同的代码一样正常: http://examples.oreilly.com/0636920026938/chapter_12/us-states.json

我还尝试完全复制us-states文件,删除除了一个以外的所有“features”条目,然后只用我文件的坐标数组替换左边的坐标数组。但是firebug告诉我路径的元素根本没有“d”属性。

我非常感谢任何提示。提前谢谢!

/ *          我使用默认的albersUsa投影。          如果我将路径定义为:d3.geo.path()。projection(null),则添加一些path-element。          但如果这是解决方案,我该如何翻译这条路?           * /

    var path = d3.geo.path();

    d3.json("data/berlinBundeslaender_simplify2000.json",function(geoJson){

        var color1 = d3.scale.category20();

        mainSVG.selectAll("path")
        .data(geoJson.features)
            .enter()
            .append("path")
            .attr("d",path)
            .attr("fill",function(d,i){return color1(i);});
    });

1 个答案:

答案 0 :(得分:3)

albersUSA投影将剪辑不在美国48个州,夏威夷或阿拉斯加州内的任何内容。也就是说,其他任何东西都不会显示出来。对世界不同地区使用不同的投影。