D3.js添加标签仅缩放到功能

Question

我有美国各州的D3.js第4版地图。当用户在输入文本框中输入邮政编码时，地图会缩放到相应的县。现在，我想为缩放的县添加标签。我没有成功。标签没有显示在县的顶部。相反，他们正在显示我的地图。这是我的标签代码段：

var label = svg.select("text")
    .data(conus.features)
    .enter()
    .append("text")
    .attr("d", path)
    .attr("text-anchor", "middle")
    .attr("font-size", "1em")
    .attr("transform", function (d, i) {
                    if (svg.select(".county").classed("active") === true) {
                        return "translate(" + path.centroid(conus.features[0]) + ")";
                    }
                })
    .text(function (d) {
        if (svg.select(".county").classed("active") === true) {
                        return conus.features[0].properties.County;
                    }
                });

我将课程设为“活动”，我将其指定给所选/缩放的县。所以我只希望那个班级有标签。感谢任何帮助。