javascript - jVectorMap 标记选中状态

Question

我找到了插件 jVectorMap我正在尝试用不同的颜色标记我选择的状态

悬停发生的方式相同，但我想要的是，单击时，状态保持“事件”并带有某种颜色。

插件有一些像onRegionClick这样的 Action :

$('#map-teste').vectorMap({
    map: 'br_en',
    onRegionClick: function(event, code){
        alert(code); // return the state
    }
});

但我不知道该怎么做。

有人做到了吗？

Answer 1

您可以通过将 regionStyle 配置参数添加到您的 map 实例来设置选定区域的颜色。您还需要将 regionSelectable 设置为 true:

$('#map-teste').vectorMap({
    map: 'br_en',
    onRegionClick: function(event, code){
        alert(code); // return the state
    },
    regionsSelectable: true,
    regionStyle: {
        selected: {
            fill: 'orange'
        }
    }
});