4

我想画一张德国地区的地图。我的代码遵循 d3vienno http://www.youtube.com/watch?v=lJgEx_yb4u0的 youtube 教程。

当我打开页面时，它是空白的。当我检查代码时，svg 和 g 元素就在那里。我已经知道我必须调整 scale() 和 translate()。

所以我尝试了不同的值，并在 stackoverflow 上阅读了有关该主题的帖子。

然而，没有任何效果。你能帮我吗？

这是网站：http ://test.schafott.net/hogn/bayern.html

var canvas = d3.select("body").append("svg")
.attr("width", 700)
.attr("height", 700)

d3.json("data/gemeinden_bayern.geojson", function(data) {


var group = canvas.selectAll("g")
    .data(data.features)  
    .enter()
    .append("g")

var projection = d3.geo.mercator().scale(7300).translate([0, 1980]); 

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

//append to path to each "g" element
var areas = group.append("path")
    .attr("d", path) //data comes from path generator
    .attr("class", "area") //CSS
    .attr("fill", "steelblue");

});

谢谢！

4

1 回答 1

0

根据您的示例查看此bl.ock ，它没有像 Lars 所指出的问题那样使用代码居中。顺便说一句，您绝对应该阅读该问题和答案。

于 2013-10-02T10:51:24.487 回答