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

我使用 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 不是函数”

正如 @vincent-beltman 评论中提到的，应该是

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

您可以通过 Mike Bostock 帖子确认这一点“我们来制作一张地图吧” http://bost.ocks.org/mike/map/