0

ブロンクスの郵便番号の 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-d63ud[9][5].rings[0]からの典型的な行です

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

1 に答える 1

0

画面 xy を返すには、配列を path() に渡す必要があります。

.attr("d",function(d) { return path(d[9][5].rings[0]); })
于 2013-01-26T19:19:48.707 に答える