我正在尝试使用JVectorMap,并且以ISO 3166-1 alpha-2 country Codes的格式进行输入。
我的输入是国家名称的形式。我已经在Javassript中检查了代码转换器的名称,但没有。
我想知道如何进行转换,因此我可以将输入与JVECTormap输入匹配。有什么想法吗?
检查链接:http://jsfiddle.net/sprugman/fkrnc/7/
JVectorMap输入模型就像
var gdpData = {
"US": 25,
"CA": 50,
"RU": 100,
"AO": 200,
"AG": 200,
"AR": 400,
"BR":200
};
,谷歌地理杂物比这是更好的?
您可以使用world_mill_en
地图和name
属性的国家名称值生成一个新的地图:
//Clone the world map that uses ISO-2 keys
var countriesByName = $.extend(true, {}, jvm.WorldMap.maps['world_mill_en']);
countriesByName.paths = {}; //clear the paths
$.each(jvm.WorldMap.maps['world_mill_en'].paths, function(key, obj){
//create new path entries, keyed by the country name
countriesByName.paths[obj.name] = obj;
});
//Add this new data map, to be loaded
$.fn.vectorMap('addMap', 'world_mill_en_byName',countriesByName);
然后加载您的数据关闭国家名称,并引用新创建的地图:
//data with country name as key
var gdpData = {
"United States of America": 25,
"Canada": 50,
"Russia": 100,
"Angola": 200,
"Argentina": 400
};
$(function() {
$('#map').vectorMap({
map: 'world_mill_en_byName', //load up the map with country name as key
backgroundColor: '#eeeeee',
regionStyle: {
initial: {
fill: '#cccccc'
}
},
series: {
regions: [{
values: gdpData,
scale: ['#C8EEFF', '#0071A4'],
min: 0,
max: 400,
normalizeFunction: 'polynomial'}]
},
hoverOpacity: 0.7,
hoverColor: false
});
var mapObj = $('#map').vectorMap('get', 'mapObject');
var steps = 4;
for (var i = 0; i <= steps; i++) {
var val = 400 / steps * i;
var color = mapObj.series.regions[0].scale.getValue(val);
$('#key').append('<div style="background-color:' + color + ';">' + val + ' - ' + color + '</div>');
}
});
应用于您发布的JSFIDDLE:http://jsfiddle.net/hansenmc/fkrnc/8/
这是一个共同的请求,但是要永远解决这个问题确实很难,因为有很多变体可以写出国家乃至国家地区的名称。因此,这里的解决方案可以使用Wikipedia或任何其他来源的数据将国家的名称转换为国家代码。