美国地图jQuery插件:根据数据改变州的颜色

U.S. Map jQuery plugin: change color of state based on data

本文关键字：改变 数据 颜色 地图 jQuery 插件 美国      更新时间：2023-09-26

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

var disabledStates = ['OH', 'TX'];
$('#map').usmap({
   stateSpecificStyles: {
      disabledStates.forEach(function (state) {
         state: { fill: 'yellow' }
      });
   } 
});

显然，这段代码不起作用。我只是把它贴出来，让大家知道我想要完成什么。

你可以先创建状态样式对象，然后再应用它:

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
});
相关文章：