1

Open Street Maps のデータを使用して投影法をレンダリングしようとしています。ここからスウェーデンの交通機関ファイルをダウンロードし、建物のシェープファイルを topojson に変換しました。これは抜粋です:

{"type":"Topology","transform":{"scale":[0.0013154551155115512,0.0013336730673067306],"translate":[11.0320167,55.3382768]},"objects":{"buildings":{"type":"GeometryCollection","geometries":[{"type":"Polygon","arcs":[[0,1,2]]},{"type":null},{"type":"Polygon","arcs":[[3]]}...

ストックホルムの建物のマップを作成することを目指しており、次の D3 コードがあります。

<script>

var width = 960,
    height = 500;

var projection = d3.geo.albers()
    .translate(width/2, height/2)
    .scale(20000)
    .rotate([-18.0365, 0])
    .center([0, 59.3115]);

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

var svg = d3.select("body").append("svg")
    .attr("width", width)
    .attr("height", height);

d3.json('buildings.json', function(err, city) {
    svg.append("path")
        .datum(topojson.object(city, city.objects.buildings.geometries))
        .attr("d", path);
}); 

</script>

ただし、これは空白のページをロードするだけで、javascript コンソールにエラーはありません。次にどこに行くべきかわからないので、どんな助けでも大歓迎です。ありがとう、トム

4

0 に答える 0