javascript - d3.js 和 geojson map 抛出错误

Question

我正在尝试使用 d3.js 和 geojson 制作包含丹麦数据的 map 。

我已经搜索了几个小时才找到问题所在。我的代码:

<div class="map"></div>
                        <script>
                            var canvas = d3.select(".map").append("svg")
                              .attr("width", 700)
                              .attr("height", 700)

                            d3.json("http://karsten-tietje.dk/bolig/dk.json",     
                            function (data){

                                var group = canvas.selectAll("g")
                                   .data(data.features)
                                   .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")
                                    .attr("fill","steelblue")
                             });


                        </script>

控制台显示:.data(data.features)的数据为空

我无法弄清楚遗漏或错误的内容 - 有什么建议吗？

如果重要的话，我正在本地主机上使用 WordPress。

Answer 1

在您网站上的代码中(不是您在此处发布的代码中)，d3.json 回调的参数是错误的，即

d3.json(url, function(data, error) { ... });

而不是

d3.json(url, function(error, data) { ... });

正如他们应该的那样。