Я пытался добавить легенду к моей карте листовки. и я использую этот учебник https://leafletjs.com/examples/choropleth/, но легенда не показывает правильное значение из getColor() это легенда, показывающая в моем проекте это скриншот моего проекта
я включил css и значение getColor. это код легенды
var legend = L.control({
position: 'bottomright'
});
legend.onAdd = function(map) {
var div = L.DomUtil.create('div', 'info legend'),
grades = [0, 2.3, 2.4, 2.8],
labels = [];
for (var i = 0; i < grades.length; i++) {
from = grades[i];
to = grades[i + 1];
labels.push(
'<i style="background:' + getColor(from + 1) + '"></i> ' +
from + (to ? '–' + to : '+'));
}
div.innerHTML = labels.join('<br>');
return div;
};
legend.addTo(map);
как исправить эту проблему?