Question

我正在尝试使用美国地图jQuery插件来创建地图。我会有一些我不会使用的状态。我想获得这些状态的集合并将它们设置为特定的颜色。我尝试了许多不同的事情但无济于事。这是一个简化的代码示例，以帮助说明我想要做的事情。

var disabledStates = ['OH', 'TX'];

$('#map').usmap({
   stateSpecificStyles: {
      disabledStates.forEach(function (state) {
         state: { fill: 'yellow' }
      });
   } 
});

显然，这段代码不起作用。只需发布它就可以了解我正在努力实现的目标。

Answer 1

您可以先创建状态样式对象，然后应用它：

var disabledStates = ['OH', 'TX'];

// Array to object.
var myStyles = {}
for (var i = 0; i < disabledStates.length; i++) {
    myStyles[disabledStates[i]] = {fill: 'yellow'};
}

// Apply object.
$('#map').usmap({
    stateSpecificStyles: myStyles
});

美国地图jQuery插件：根据数据更改状态颜色

1 个答案: