Question

我有以下代码：

onRegionClick: function (event, code) {
    // search for the state based on the code of the region clicked.
    for (var r = 0; r < mapData.stateList.length; r++) {
        if (mapData.stateList[r].state == code) {
            if (mapData.stateList[r].markets.length == 1) {
                // state only has one region - navigate to it.
                window.location = mapData.stateList[r].markets[0].url;
                break;
            } else {
                // state has multiple regions - zoom into it on the map and show the markets.
                $("#map-reset").show();
                $('.map-label').text('Click a city below to view communities in that area.');
                $('body').addClass('map-zoomed');
                showState(code);
                break;
            }
        }
    }
}

如何将类添加到所选区域？我已经尝试了几种基于通过Google和Stack Overflow发现的类似问题的路线无济于事。非常感谢任何帮助。

Answer 1

检查我的修复方法：

http://pastebin.com/s5GwcEMy

我添加此方法“setSelectedRegionStyle”

您需要参考地图：

map = $("#world-map-gdp").vectorMap('get', 'mapObject');

您可以设置自定义颜色后：

map.setSelectedRegionStyle('IT', '#b2c9cb');

在我的情况下，只需更改颜色，但您可以使用firebug检查其他选项。

这是添加的方法（在pastbin中检查）

setSelectedRegionStyle : function (r,c) {
return this.regions[r].element.style.selected.fill = c;
},

jVectorMap：如何将类添加到所选区域？

1 个答案: