我需要使用d3 js填充世界地图。这是我的代码
$.post("dwr/jsonp/DataFetcher/getJsonData/"+year+"/"+column, { },
function(data) {
console.log('map data');
$('#boodiv').remove();
$('#map').empty();
console.log('loading map');
console.log(d3.geo);
console.log('reply data');
console.log(data.reply);
var width = 960,
height = 960;
var projection = d3.geo.mercator()
.scale((width + 1) / 2 / Math.PI)
.translate([width / 2, height / 2]);
var path = d3.geo.path()
.projection(projection);
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
svg.append("path") .attr("d", path);
console.log('map is ready to draw');
var map =svg.append("svg:g").
attr("class","map");
map.selectAll("path").data(data.reply).enter().append("svg:path").
attr("d",path).append("svg:title").text(
function(d) {
return d.properties.DGPZ_NAME;
});
});
我从DWR响应获得的输入将是json格式,如下所示
{
AT:“5.24”,
AU: “7.73”
}
问题是地图没有填充。我的疑问是,mercator()会有一些输入格式吗?我们以特定格式提供输入吗?请帮助我。
提前致谢!!