javascript - 如何在 jvectormap 中定位/显示地图大陆

Question

我目前正在使用 jvector 地图，当我将每个国家悬停时，其默认标签会显示每个国家/地区名称。但是，我想根据大陆选择（世界地图）选择地区。

例如 ：

在默认的世界地图中，

当我将国家（美国、加拿大、墨西哥、巴西、玻利维亚等）悬停时，它会显示国家名称，但我想将标签显示为美国而不是国家名称，并且整个美国地区也需要突出显示。

在欧洲，亚洲大陆也是如此。

请帮助我实现这一目标。

提前致谢。

Answer 1

尝试这个

var data = {
    "countries" : [
               {
               "name" : "Brazil",
               "code" : "BR",
               "pGdp" : "6938",
               "cGdp" : "1313590",
               "pop" : "196342587",
               "continent" : "America"
               },
               {
               "name" : "United States",
               "code" : "US",
               "pGdp" : "45845",
               "cGdp" : "13843825",
               "pop" : "303824646",
               "continent" : "America"
               }
              ]
}

var countryData = [];

jQuery.each(data.countries, function() {
    countryData[this.code] = this[.pGdp];
});

jvm配置...

series : {
    regions : [ {
        values : countryData,
        scale : [ '#C8EEFF', '#0071A4' ],
        normalizeFunction : 'polynomial'
    } ]
},
onRegionLabelShow: function(e, el, code) {
    //search through data to find the selected country by it's code
    var country = $.grep(data.countries, function(obj, index) {
    return obj.code == code;
    })[0]; //snag the first one
    if (country != undefined) {
        el.html(el.html() + "<br/><b>Code: </b>" +country.code + "<br/><b>Continent : </b> " + country.continent);
    }
}