javascript - 建议使用 jqvmap 点击国家

Question

当我点击某个国家时，我想转到一个网址，我目前使用的代码是示例代码。我正在建立一个在索引页面上有 map 的网站，当你点击“巴西”时，你会转到巴西维基页面。

Answer 1

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

使用 JQVMap 中的默认示例，您将使用 onRegionCallback 初始化您的 map ，并检查返回的国家代码是否与您要查找的国家代码相对应。

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