1

topojson で最初のマップを実装しようとしています。
シェープ ファイルを GeoJson に変換し、次に topojson に変換しました。

次のコードを実行すると、ファイルにUncaught TypeError: Cannot read property 'type' of nullエラーが発生しD3.jsます。

var width = 960,
      height = 1160;

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

var color = d3.scale.linear()
    .domain([-20, 0, 20, 40])
    .range(["blue", "green", "yellow", "red"]);



  d3.json(base_url+"assets/m4k/party_perfomance/lok15_final.json", function(error, lok) {
        console.log(lok)
        var subunits = topojson.feature(lok, lok.objects.lok15);

        var projection = d3.geo.mercator()
                                    .scale(500)
                                    .translate([width / 2, height / 2]);

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

        svg.append("path")
            .datum(subunits)
            .attr("d", path);
  });

コードと topojson ファイルはこちらで確認できます

http://tributary.io/inlet/5636305

4

1 に答える 1