jquery - JQV 将链接区域映射到页面 URL

Question

使用来自http://jqvmap.com/的JQV 地图并使用此代码（见下文）将区域链接到页面 URL 链接。

jQuery('#africa-map').vectorMap({
    map: 'africa_en',
    backgroundColor: '#D1EEEE',
    color: '#c9dfaf',
    hoverColor: '#999999',
    showTooltip: true,
    selectedColor: '#9CBA7F',
    multiSelectRegion: true,
    selectedRegions: ['AO', 'ZA', 'MG', 'NA', 'ZW', 'ZM', 'UG', 'TZ', 'KE', 'RW', 'MW', 'MZ', 'BW'],

    onRegionClick: function (event, code, region) {
        switch (code) {
            case "AO":
                window.location.replace("http://www.google.com");
                break;
            case "ZA":
                window.location.replace("http://www.yahoo.com");
                break;
            case "MG":
                window.location.replace("http://www.bing.com");
                break;
        }
        // tells the click where to go ->   window.location = "http://www.google.com/";
    }
});

但是，这是行不通的。错误是什么？控制台日志错误说regionClickEvent is not defined那我该怎么定义它？

Answer 1

除了Caudet 提到的错误之外，您的开关无法正常工作，因为收到的国家代码onRegionClick是小写的。

switch (code) {
    case "ao":
        window.location = "http://www.google.com";
        break;
    case "za":
        window.location = "http://www.yahoo.com";
        break;
    case "mg":
        window.location = "http://www.bing.com";
        break;
}

此外，请确保您以正确的顺序加载脚本。