Javascript 为交互式传单choropleth添加更多值

我试图在这个示例传单choropleth地图的交互中添加更多组件。我想显示州的名称，一个总值（用于颜色choropleth的值）+将总值分为两个值（例如人口总数、男性人口、女性人口）

例如：

除了.js文件中的“name”和“density”之外，我似乎无法在地图上显示其他值，只有在我尝试添加新值时，它才会显示为“undefined”：

info.update = function (props) {
        this._div.innerHTML = '<h4>Population US</h4>' +  (props ?
            '<b>' + props.name + '</b><br />' + 'Total population: ' props.density + '</b><br />' + 'Male population: ' + props.pop_male
            : 'Hover over a state');
    };

info.update=功能（道具）{
这个._div.innerHTML='Population US'+（道具？
''+props.name+'
'+'总人口：'props.density+'
'+'男性人口：'+props.pop_男性
：“悬停在状态上”）；
};

---

有什么建议吗？

如果您使用的数据与示例中使用的数据相同，则从此处加载statesData：

---

在这种情况下，唯一可用的属性是“名称”和“密度”。如果要显示其他信息，则需要提供自己的statesData featureCollection，其中包含额外属性。

谢谢。我使用的数据集与示例中的数据集类似，仅适用于欧洲国家（否则属性相同）。我试图在statesData featureCollection中添加额外的属性，但没有任何运气。我该怎么做？你能给出一个你正在使用的json的例子，以及你正在加载它的代码吗？