如何使一个国家可以在jvectormap上点击

时间:2013-09-09 16:11:29

标签: map clickable jvectormap

您好,我希望了解如何使国家/地区可点击。因此,例如,我希望能够拥有一个国家,当您点击它时,会转到另一个页面。

我的代码无法使用

<script>
        $(function(){
            $('#map').vectorMap({
                map: 'world_en',
                color: '#4A7E2A',
                hoverColor: '#0066FF',
                hoverOpacity: 0.5,
                backgroundColor: '#fff',
                regionsSelectable: true,
                onRegionClick: function(event, code) 
                {
                    if (code === 'ID') {
                        window.location = 'index.php?id=Ireland'
                    }
                    else if (code === 'RUSSIA') {
                        window.location = 'index.php?id=Russia'
                    }
                    else if (code === 'rp') {
                        window.location = 'index.php?id=4'
                    }
                }
            });
        });

    </script>

1 个答案:

答案 0 :(得分:1)

好吧,好像你的code值错了。

code的{​​{1}}为IrelandIE的{​​{1}}为code,我不知道Russia是。的代码。

Here's a jsfiddle我提出了其他与jVectorMap相关的问题,并根据您的问题进行了修改。玩它然后回答你可能仍有的任何问题。