在D3.js中如何绘制全屏宽度的地图？

Question

我创建了一个geo map（世界地图）。我尝试根据屏幕宽度拉伸我的地图。svg不支持width:100%，因此我创建了一个父{{1} } div width:100%。

示例代码

svg

此外，我尝试了<div id="world-placeholder" style="width:100%;height:100%;"> // svg part goes here </div> 和svg之类的viewBox属性。但仍然无法创建。

我在下方添加了preserveAspectRatio，请好好看看并帮助我。

小提琴链接 - http://jsfiddle.net/acvefmhz/1/

地图工作正常。但我需要将我的地图显示为全屏（fiddle link）

Answer 1

var width = window.innerWidth,
height = window.innerHeight;

http://jsfiddle.net/acvefmhz/4/