我想知道如何使用D3.js计算并确定全屏世界地图的projection.scale([value])的正确值。
The documentation表示默认值为150.但这个“150”代表什么?
我正在尝试绘制与屏幕宽度完全相同的世界地图。 我将svg区域设置为window.innerWidth但不确定我应该为世界地图的比例赋予什么值。
在某些情况下,人们会获得他们想要适合的特征的界限,但是我无法获得世界地图的整个界限。
在这种情况下,计算比例值的正确方法是什么?
width = window.innerWidth;
height = window.innerHeight;
svg = d3.select("#svgArea").append("svg")
.attr("id", "svg")
.attr("width", width)
.attr("height", height);
projection = d3.geo.equirectangular()
.scale(????)
.translate([width / 2, height / 2])
.precision(.1);
path = d3.geo.path().projection(projection);
d3.json("world-50m.json", function(error, world) {
var land = topojson.feature(world, world.objects.land);
svg.insert("path", ".graticule")
.datum(land)
.attr("class", "land")
.attr("fill", "#aaaaaa")
.attr("stroke", "#000000")
.attr("stroke-width", "0.5px")
.attr("d", path);
})
提前致谢。