Question

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

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

在error mentioned by 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;
}

另外，请确保您在correct order上加载脚本。

JQV将链接区域链接到页面URL

1 个答案: