如何使用geojson和d3js的附加信息?

时间:2012-12-03 04:00:52

标签: javascript geojson

我正在玩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") })
  });

感谢任何帮助。

1 个答案:

答案 0 :(得分: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;})