javascript - 如何使用来自 geojson 和 d3js 的附加信息？

Question

我正在玩一点 d3js，我从荷兰创建了一个包含基本统计信息的 GeoJson 文件，现在我可以渲染卡片，但我不知道如何使用附加属性（IE 显示属性中的状态名称：GM_CODE）

  d3.json("gemeente.json", function (data) {

      svg.selectAll("path").data(data.features)
    .enter().append("path")
    .attr("d", path)
    .style("fill", function () { return "#44aaee" })
    .on("mouseover", function (e) { d3.select(this).style("fill", "#5522aa") })
    .on("mouseout", function (e) { console.log(data.features); d3.select(this).style("fill", "#44aaee") })
  });

任何帮助表示赞赏。

Answer 1

geojson 数据集中的属性位于：data.features.properties。因此，如果您的财产是“GM_CODE”。如果是 data.features.properties.GM_CODE。

在方法中使用它会是这样的：

svg.selectAll("path").data(data.features)
    .enter().append("path")
    .attr("d", path)
    .style("fill", function () { return "#44aaee" })
    .text(function(d) { return d.properties.GM_CODE;})