建议使用jqvmap单击“国家”

Question

当我点击某个国家时，我想访问一个URL，我现在使用的代码是示例代码。我正在建立一个网站，地图在索引页上，当你点击说‘巴西’，你去巴西维基页面。

Answer 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;
                }
            }
        });
    });