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 ファイルはこちらで確認できます