var를 통해 국가의 색상을 어떻게 동적으로 설정합니까?

Question

누구나 http://github.com/manifestinteractive/jqvmap/을 사용하셨습니까?

이 작업 :

$('#map').vectorMap('set', 'colors', { us: '#8EE5EE' }); 
$('#map').vectorMap('set', 'colors', { 'us': '#8EE5EE' }); 

그러나,이 나던 :

country_name = 'us'; 
$('#map').vectorMap('set', 'colors', { country_name: '#8EE5EE' }); 

누구나 이유를 알고?

Answer 1

개체 리터럴이 작동하지 않기 때문입니다. 키 - 값 쌍의 핵심 부분은 리터럴 문자열로 해석됩니다. 동적 키 이름을 사용하려면 대괄호 구문을 사용해야합니다. 그것은 또는 eval이고, eval을 사용하고 싶지 않습니다.

var country_colors = {}; 
var country_name = 'us'; 

country_colors[country_name] = '#8EE5EE'; 

$('#map').vectorMap('set', 'colors', country_colors);