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

Question

我创建了一个geo map(世界地图).我尝试根据屏幕宽度拉伸我的地图.svg不支持width:100%让我创建了一个家长div width:100%的svg.

示例代码

<div id="world-placeholder" style="width:100%;height:100%;">
     // svg part goes here
</div>

此外,我尝试了svg属性viewBox和preserveAspectRatio.但仍然我无法创建.

我添加了我的fiddle link下面,请好好看看并帮助我.

地图工作正常.但我需要将我的地图显示为全屏(Need to stretch full window)

Answer 1

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