如何在D3中加载geojson文件的geometryCollection

Question

我使用mapshapers成功地将英国地图shapefile转换为geojson。 但是我无法在d3.js中加载此geojson。 请帮忙。 脚本如下。

<script src="http://d3js.org/d3.v3.min.js"></script>
<script>

var canvas = d3.select("body").append("svg")
        .attr("width", 760)
        .attr("height", 700)

        d3.json("Areas_uk_geo.json", function (data) {
            var group = canvas.selectAll("g")
                .data(data.geometries)
                .enter()
                .append("g");

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

            var areas = group.append("path")
                .attr("d", path)
                .attr("class", "area");
        });
</script>

geojson文件具有geometryCollection而不是featureCollection。 geojson文件的格式如下。

{
    "type" : "GeometryCollection",
    "geometries" : [{
            "type" : "MultiPolygon",
            "coordinates" : [[[[-2.2241804372470533, 56.88745481725907],

.... }， ... 等等。

我收到的错误是“ d3.geo.path.projection不是函数”

Answer 1

如@ vincent-beltman评论中所述，应该

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

您可以在Mike Bostock的“让我们做一张地图”中进行确认。