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

Question

我在 ul 中有一个国家列表，当他们被点击时，我试图在地图上突出显示它们 - 我遇到的问题是，当点击另一个国家时，我想取消选择所有国家，只突出显示这个国家。目前，如果您单击另一个国家/地区，它们只会保持选中状态，我假设我在使用 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]);
}