JavaScript + JQuery 矢量 map

Question

由于对 JavaScript 非常陌生，我在使用 JQuery VectorMaps 时遇到了以下问题:

当我用这种语法突出显示一个国家时，一切都很完美:

jQuery('#vmap').vectorMap('set', 'colors', {  'us': '#1caf9a' });

但是，当我将完全'us'放入变量时，请像这样说country_name:

jQuery('#vmap').vectorMap('set', 'colors', {  country_name : '#1caf9a' });

它不起作用 - 我不明白为什么？当输入 alert(country_name) 时，它准确地给出了 'us'。

此外，由于 : 的存在，在这种情况下 country_name 也无法自动完成

有人可以帮我吗？

谢谢。

Answer 1

确实找到了解决办法!我很傻。

由于它是一个键值对，我必须执行以下操作:

var keyval = {}
keyval[country_name] = '#1caf9a' 

然后

jQuery('#vmap').vectorMap('set', 'colors',  keyval);