jquery - jVector map - 选择/取消选择区域

Question

我在 ul 中有一个国家/地区列表，当单击它们时，我试图在 map 上突出显示它们 - 我遇到的问题是，当单击另一个国家/地区时，我想取消选择所有国家/地区，只突出显示该国家/地区。目前，如果您单击另一个国家/地区，它们就会保持选中状态，我假设在使用clearSelectedRegions()时做错了什么；在下面。

或者也许我把整个事情搞得太复杂了？

$('ul').on('click', 'a:first-child', function (event) {
    var elem = event.target,
        evtype = event.type,
        cntrycode = findRegion(mapObj2.regions, $(elem).text());

    if (evtype === 'click') {
        mapObj2.clearSelectedRegions();
        mapObj2.regions[cntrycode].element.setHovered(true);
    }
});

http://jsfiddle.net/wWFG2/

Answer 1

是的，你把整个事情搞得太复杂了，只需设置 regionsSelectableOne选项设置为 true 并使用 setSelectedRegions 而不是 setHovered，这与选定状态无关。查看更新fiddle :

if (evtype === 'click') {
    mapObj2.clearSelectedRegions();
    mapObj2.setSelectedRegions([cntrycode]);
}