Question

我有以下问题...... 我从Mike Bostock（http://bl.ocks.org/oscar6echo/4423770）获取了德国的交互式地图，并希望将svg定义为HTML标记。然后选择带有D3的svg并将地图放入其中（Javascript）。但它不起作用。

这是一些代码：

var svg = d3.select("#map").append("svg:svg")
    .attr("width", width)
    .attr("height", height);

...

</script>

<svg id="map"></svg>
</body>

只有当我选择“身体”时它才有效。我用div尝试了它，但它也不起作用。谢谢你的帮助！

Answer 1

除非我是愚蠢的，否则您的代码中必定存在一些错误，而不是您发布的代码段。

我对此也很陌生，但你不需要定义一张地图＆＃39; svg，然后使用D3将另一个svg附加到它。将其定义为div（或使用正文）并附加svg就足够了。

我在这里用小提琴复制了代码：http://jsfiddle.net/brxxgb5n/

我刚用过

<body>
    <div id="map"></div>
</body>

为html，然后JS为：

var svg = d3.select('#map')
  .append("svg")

希望有所帮助。