如何将德国地图放在HTML中的svg上？D3js

Question

我有跟踪问题..。我从Mike (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>

只有当我选择"body“时，它才能工作。我用div试试看，但效果不太好。谢谢你的帮助！

Answer 1

除非我很傻，否则您的代码中肯定有一些小错误，而不是您发布的代码片段。

我对此也相当陌生，但是您不需要定义一个“map”svg，然后使用D3将另一个svg追加到其中。将其定义为div (或使用主体)并附加svg就足够了。

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

我刚刚用了

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

对于html，然后JS作为：

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

希望这能有所帮助。