Javascript jQuery jVector映射区域单击显示关联信息
我正在使用jquery和这个插件。是我目前的问题(实际问题在底部): 到目前为止,我有以下代码:Javascript jQuery jVector映射区域单击显示关联信息,javascript,jquery,json,jvectormap,Javascript,Jquery,Json,Jvectormap,我正在使用jquery和这个插件。是我目前的问题(实际问题在底部): 到目前为止,我有以下代码: var properties = []; jQuery.each(json['properties'],function(k,v){ properties.push({ name:v.name, status:v.status, color:v.color, size:v.
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(properties),我得到一个具有以下内容的对象:
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"
非常感谢您的帮助。尝试使用代码作为索引:
onRegionClick:function (event, code, region){
console.log('Name: ' + json['properties'][code]['name'] + ', color: ' + json['properties'][code]['color']);
}
console.log中只缺少一个+但是的,就是它!,非常感谢。