map - リーフレット - 凡例のタイトルを追加する

Question

私はリーフレットを初めて使用し、現在チュートリアルに苦労しています。これまでのところ、 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;


        };

Answer 2

Francisco Vargas : 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';
}