jQuery jVector Map onRegionClick显示相关信息

Question

我正在使用jquery和这个插件这是我目前的问题（底部的实际问题）：

到目前为止，我有以下代码：

    var properties = [];
    jQuery.each(json['properties'],function(k,v){
        properties.push({
            name:v.name,
            status:v.status,
            color:v.color,
            size:v.size,
            price:v.price
        });
    });
    console.log(properties);

对于getJson返回哪个：

{
    "land": {
        "Long Land": {
            "path": "M541.421,195.072 156.67,423.574 7.16,321.971 428.509,14.837 639.505,78.824 715.519,62.551 696.101,102.448 484.892,100.685 238.629,265.688 298.41,338.024 540.763,194.308 526.509,170.217 747.15,108.014 780.865,164.098 611.146,314.125",
            "name": "Long Land"
        }
    },
    "properties": {
        "unit 1": {
            "path": "M541.421,195.072 156.67,423.574 428.509,14.837 639.505",
            "name": "unit 1",
            "status": "Available",
            "color": "#244df0",
            "size": "3200",
            "price": "300 000"
        }
    }
}

然后对于console.log（属性），我得到一个包含以下内容的对象：

color "#244df0"
name "unit 1"
price "300 000"
size "3200"
status "Available"

然后我初始化jvectormap:

    //START JVECTORMAP
    jQuery('#twinvalley-map').vectorMap({
        map: 'twin_valley',
        normalizeFunction: 'polynomial',
        backgroundColor: false,
        onRegionClick:function (event, code, region){
            console.log(code);
        }
    });
    //START JVECTORMAP

最后，对于onRegionClick console.log（），我得到了与前面两个日志中相同的名称第一单元。

现在我的问题是，我该如何获得区域点击的其余数据？我的意思是：

color "#244df0"
name "unit 1"
price "300 000"
size "3200"
status "Available"

非常感谢任何帮助。

Answer 1

尝试使用代码作为索引：

onRegionClick:function (event, code, region){
        console.log('Name: ' + json['properties'][code]['name'] + ', color: ' + json['properties'][code]['color']);
    }