为什么g元素在svg之外渲染

Question

我在svg之后使用D3.js追加g元素。但是它以某种方式在父svg元素之外进行渲染。

看起来g元素的容器是body，而不是svg元素。

JS代码：

var map = $("#map");
var mapw = map.width();
var maph = mapw;
var svg_map = d3.select("#map").append('svg').attr('width',mapw).attr('height',maph);
var g_map = svg_map.append('g').attr('transform','translate('+maph/2+','+mapw/2+')');