建议用jqvmap点击国家

时间:2015-03-01 10:47:13

标签: javascript html css

当我点击某个国家/地区时,我想转到某个网址,我目前使用的代码是示例代码。 我正在建立一个在索引页面上有地图的网站,当您点击“巴西'”时,您将转到巴西维基页面。

1 个答案:

答案 0 :(得分:1)

您可以使用回调函数onRegionClick来确定何时单击某个区域,然后继续执行您想要的操作。

使用JQVMap中的默认样本,您可以使用onRegionCallback初始化地图,并检查返回的国家/地区代码是否与您要查找的代码相对应。

jQuery(document).ready(function() {
        jQuery('#vmap').vectorMap({
            map: 'world_en',
            backgroundColor: '#333333',
            color: '#ffffff',
            hoverOpacity: 0.7,
            selectedColor: '#666666',
            enableZoom: true,
            showTooltip: true,
            values: sample_data,
            scaleColors: ['#C8EEFF', '#006491'],
            normalizeFunction: 'polynomial',
            onRegionClick: function (event, code, region) {
                switch (code) {
                    case "br":
                    window.location.replace("http://en.wikipedia.org/wiki/Brazil");
                    break;
                }
            }
        });
    });