3

我正在尝试使用 jvectormap，它以 ISO 3166-1 alpha-2 国家代码格式输入。

我的输入是国名的形式。我检查了 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 
 };

谷歌地理图表也比这个更好吗？

4

2 回答 2

2

您可以使用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/ ​</p>

于 2012-11-08T01:36:20.107 回答
1

这是一个常见的要求，但很难一劳永逸地解决这个问题，因为写国家甚至国家地区的名称有很多变体。因此，这里的解决方案可能是使用来自维基百科或任何其他来源的数据将国家名称转换为国家代码。

于 2012-11-07T20:44:16.157 回答