листовка - Добавление названия легенды

Question

Я новичок в Лифлете, и в настоящее время я борюсь с учебниками. До сих пор мне удалось создать интерактивную карту clorophet, как в примере http://leafletjs.com/examples/choropleth.html.

У меня есть вопрос: можно ли добавить заголовок (простой текст, а не динамический) на ногу, расположенную в правом нижнем углу страницы? Может ли кто-нибудь сказать мне, как, просто ссылаясь на связанный пример?

Большое спасибо, G.

Answer 1

Вам просто нужно добавить название под "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

Франциско Варгас: 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'; 
}