VectorMap отменяет выбор выбранных областей

#javascript #jquery #jvectormap

#javascript #jquery #jvectormap

Вопрос:

Я пытаюсь очистить выбранную пользователем область по щелчку мыши. Но выбранная область не будет отменена. Вы можете переключить пустой или не выбранный, но если вы предопределили некоторые регионы, я не могу найти решение для его отмены. onRegionClick обнаруживает щелчок, но я понятия не имею, как отменить выбор.

Вот мой код:

 $('#worldMap').vectorMap({
    onRegionTipShow: function(event, label, code)
    {
       label.html(label.html() ' <img src="' getFlagImgSrc(code) '" height="12">');
    },
    onRegionClick: function(event, code) {
        console.log(code);
    },
    regionsSelectable: true,
    map: 'world_mill',
    backgroundColor: "transparent",
    zoomOnScroll: true,
    regionStyle: {
    selected: {
        fill: '#999999'
    },
    initial: {
        fill: '#e4e4e4',
        "fill-opacity": 0.9,
        stroke: 'none',
        "stroke-width": 0,
        "stroke-opacity": 0
    }
},
series: {
    regions: [{
        values: mapData,
        scale: ["#AAAAAA", "#999999"],
        normalizeFunction: 'polynomial'
    }]
});
 

Комментарии:

1. Можете ли вы включить HTML и сделать его доступным для выполнения фрагментом?

2. @FSDford вот демонстрация, попробуйте щелкнуть выбранную область codepen.io/forumwt/pen/oNLrBYj