傳單 - 添加傳奇標題

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'; 
}