如何将图例中的“无穷大”更改为自定义文本?

时间:2019-06-20 15:00:55

标签: javascript html leaflet choropleth

我正在尝试为我的索罗普图制作一个图例。我可以找到的大多数示例都是针对从0开始的数据,但是我的数据是正数和负数都是无限的,而且我不确定如何处理它。

这是我到目前为止的代码:

var stops = [
{ stop: 0.7, color: '#b2182b' },
{ stop: 0.5, color: '#d6604d' },
{ stop: 0.3, color: '#f4a582' },
{ stop: 0.1, color: '#fddbc7' },
{ stop: -0.1, color: '#f7f7f7' },
{ stop: -0.3, color: '#d1e5f0' },
{ stop: -0.5, color: '#92c5de' },
{ stop: -0.7, color: '#4393c3' },
{ stop: -Infinity, color: '#2166ac' },

];

var legend = L.control({position: 'bottomright'});

legend.onAdd = function (map) {

    var div = L.DomUtil.create('div', 'info legend'),
        grades = [-0.7, -0.5, -0.3, -0.1, 0.1, 0.3, 0.5, 0.7],
        labels = [],
        from, to;

    var rangeMax = 'Infinity';
for (var i in stops) {
var rangeMin = stops[i].stop.toString();
var rangeColour = stops[i].color;

labels.push(
    '<i style="background:' + rangeColour + '"></i> ' +
    rangeMin + ' to ' + rangeMax
);

rangeMax = stops[i].stop;
}

    div.innerHTML = labels.join('<br>');
    return div;
};

我想将“ 0.7 to Infinity”替换为“大于0.7”,将“ -Infinity to -0.7”替换为“小于-0.7”。

我该怎么做?

谢谢

0 个答案:

没有答案