범위 목록을 평면 목록으로 변환

Question

범위 (1-2 = 파란색, 2-3 = 빨간색 등)로 시작한 범례 목록의 구조를 단어의 평면 목록으로 변경하려고합니다 ("blah"= 파란색, "peek"= 빨간색).

내가 가진 문제는 그 의미를 텍스트로 바꾸면서 숫자 시스템을 유지하는 방법을 찾아야한다는 것입니다. 또한, 나는 (이것은 색상을 결정)

function getColor(d) { 
    return d === 5 ? '#3e9936' : 
    d === 4 ? '#9dcc00' : 
    d === 3 ? '#f7ef00' : 
    d === 2 ? '#ed5d13' : 
    d === 1 ? '#ba212a' : 
       '#a1a1a1'; 
} 

이 무엇 인 위치에 설정되어 무엇

(color)text<br> 
(color)text<br> 
(color)text 

은 ... 해당 색상이 너무 같은 텍스트 옆에 있어야합니다 지도에 표시하고 현재 구조

legend.onAdd = function (map) { var div = L.DomUtil.create('div', 'info legend'), grades = [1,2, 3, 4, 5], labels = ["Pro-LEED","LEED-equivalent","No State-level","Anti-LEED","Anti-LEED Pending"], from, to; for (var i = "Pro-LEED"; i === labels.length; i++) { from = labels[i]; to = labels[i]; grades.push( '<i style="background:' + getColor(to + '"Pro-LEED"') + '"></i> ' + (/*only to check*/to ? to : 'br') + ((/*both to and from check*/from)?'':'') + (/*only from check*/from ? from : '+')); } div.innerHTML = labels.join('<br>'); return div; }; 

을 결정합니다 제가 받고 있어요 모두의 목록입니다 텍스트가 아니라 각 단어 옆에 있어야하는 색상.

도움말!

당신은 기능하지 않고, 해시 배열을 사용하여 값을 직접 찾아 볼 수

Answer 1

: 다음 ...

var myData = []; 
myData["Pro-LEED"] = "#3e9936"; 

...

'<i style="background:' + myData["Pro-LEED"] + '"></i> '