传单 - 添加传奇标题

Question

我是新手册，我目前正在努力接受教程。到目前为止，我设法创建了一个交互式clorophet地图，如示例http://leafletjs.com/examples/choropleth.html。

我有一个问题：是否可以添加一个标题（简单文本，而不是动态）到位于页面的右侧的腿？任何人都可以通过参考链接的例子告诉我如何？

非常感谢， G.

Answer 1

你只需要在 “标题” 添加标题...

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; 


     }; 

Answer 2

弗朗西斯科·巴尔加斯：是的getColor定义密度函数：

function getColor(d) { 
     return d > 1000 ? '#800026' : 
       d > 500 ? '#BD0026' : 
       d > 200 ? '#E31A1C' : 
       d > 100 ? '#FC4E2A' : 
       d > 50 ? '#FD8D3C' : 
       d > 20 ? '#FEB24C' : 
       d > 10 ? '#FED976' : 
          '#FFEDA0'; 
}