0
我正在嘗試使用D3.js,但是我不能。我有下面的代碼,但它不打印巴西的地圖。屏幕不顯示任何錯誤,它可能是什麼?我的文件「meso.json」是topojSON格式,但它變換成topojSON已經以GeoJSON在d3.js代碼:D3.js不顯示屏幕上的任何信息
<html>
<head>
<title>D3.js</title>
<meta charset="utf-8" />
<script src="http://d3js.org/d3.v3.min.js"></script>
<script src="http://d3js.org/queue.v1.min.js"></script>
<script src="http://d3js.org/topojson.v1.min.js"></script>
<script>
var width = 900,
height = 650;
var svg = d3.select("body").append("svg")
.attr("width", width)
.attr("height", height);
var projection = d3.geo.mercator()
.center([55,10])
.scale(750);
var path = d3.geo.path()
.projection(projection);
queue()
.defer(d3.json, "topo/meso.json")
.await(ready);
function ready(error, br_mesos){
if(error) return console.error(error);
var mesos = topojson.feature(br_mesos, br_mesos.objects.meso);
svg.append("path")
.datum(mesos)
.attr('d', path)
.attr('class', 'mesos');
}
</script>
</head>
<body>
</body>
</html>
我不確定你是否嘗試過,但你的中心座標應該是負值。 –