jquery - jqvmap - 将颜色应用于多个州/地区

标签 jquery jqvmap

使用 jquery 和 jqvmap,我在美国 map 中设置多个州颜色。例如,要将所有以“A”开头的状态着色为红色,可以这样做:

jQuery('#vmap').vectorMap('set', 'colors', {al: 'red'});
jQuery('#vmap').vectorMap('set', 'colors', {ak: 'red'});
jQuery('#vmap').vectorMap('set', 'colors', {az: 'red'});
jQuery('#vmap').vectorMap('set', 'colors', {ar: 'red'});

有没有办法让它变得更短?我想这样做:

var astates = ["al", "ak", "az", "ar"];
for (var i = 0; i < astates.length; ++i) {
    jQuery('#vmap').vectorMap('set', 'colors', { 'astates[i]' : 'red'}); 
}

但这似乎不起作用。 谢谢

最佳答案

var fc = 'red'; // you'll need this if you'll want to change the whole group color someday
jQuery('#vmap').vectorMap('set', 'colors', {al: fc, ak: fc, az: fc, ar:fc});

关于jquery - jqvmap - 将颜色应用于多个州/地区,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18088629/

相关文章:

javascript - IE6 不会显示 Javascript 工具提示...您甚至如何开始调试它?

javascript - 确定所有子元素的宽度

javascript - 错误数据表 : Individual Select When Using innerHTML

javascript - 计算十六进制颜色范围

javascript - JqvMap onRegionClick (bootstrap) PopOver 仅触发点击两次

javascript - JQVMap - 如何在区域点击时显示数据值

javascript - 如果输入了最低价格,如何使最高价格成为必需?

Javascript/JQuery 切换不运行 IE8

jquery - 自定义工具提示 JQVMap