Question

尝试获取GIS的数据使用d3.js将布朗克斯的邮政编码转换为地图但是我在渲染方面遇到了麻烦。你能否正确使用d3.geo.path()？

<script>
    var width=960, height=500;
    var path = d3.geo.path();
    d3.json("/static/bxzip.json", function(d){
        d3.select("body").selectAll("p")
        .data(d.data)
        .enter().append("path")
        .attr("d",function(d) { return d[9][5].rings[0]; })
        .attr("class", "stroke");
    });
</script>

以下是来自https://nycopendata.socrata.com/Social-Services/Bronx-Zip-Code-Boundaries/p8wz-d63u

的典型d[9][5].rings[0]行

[ [ -73.84463693999993, 40.90475939500004 ], [ -73.84443733899991, 40.90423928800004 ], [ -73.84443555299993, 40.904234630000076 ],  ...] ]

Answer 1

您需要将数组传递给path（）以使其返回屏幕xy：

.attr("d",function(d) { return path(d[9][5].rings[0]); })

绘制布朗克斯地图 - d3.geo.path（）

1 个答案: