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 コンソールにエラーはありません。次にどこに行くべきかわからないので、どんな助けでも大歓迎です。ありがとう、トム