Question

我试图用包含丹麦数据的d3.js和geojson制作地图。

我现在已经搜索了几个小时来找到问题。我的代码：

<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 is null .data(data.features)

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

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

Answer 1

由于您在localhost上弹出的跨域问题，您可能无法使用json请求。示例问题：d3.json call always gets null data。

您可能需要在本地托管数据才能进行测试。

Answer 2

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

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

而不是

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

应该如此。

d3.js和geojson地图抛出错误

2 个答案: