map - 传单 - 添加图例标题

Question

我是 Leaflet 的新手，目前我正在努力学习教程。到目前为止，我设法创建了一个交互式 clorophet map ，就像示例中的 http://leafletjs.com/examples/choropleth.html 一样。 .

我有一个问题:是否可以在位于页面右下角的腿上添加标题(简单文本，而非动态)？谁能告诉我如何，仅引用链接的示例？

非常感谢，
G。

Answer 1

您只需要在“THE TITLE”下添加您的标题...

var legend = L.control({position: 'topleft'});  
    legend.onAdd = function (map) {

    var div = L.DomUtil.create('div', 'info legend'),
        grades = [50, 100, 150, 200, 250, 300],
        labels = ['<strong> THE TITLE </strong>'],
        from, to;

    for (var i = 0; i < grades.length; i++) {
        from = grades [i];
        to = grades[i+1]-1;

    labels.push(
        '<i style="background:' + getColor(from + 1) + '"></i> ' +
        from + (to ? '&ndash;' + to : '+'));
        }
        div.innerHTML = labels.join('<br>');
        return div;


        };