Broschüre - Hinzufügen eines Legendentitels

Question

Ich bin neu bei Leaflet und kämpfe gerade mit Tutorials. Bisher ist es mir gelungen, eine interaktive Clorophet Map zu erstellen, wie im Beispiel http://leafletjs.com/examples/choropleth.html.

Ich habe eine Frage: ist es möglich, einen Titel (einfacher Text, nicht dynamisch) zu den Beinen am rechten unteren Rand der Seite? Kann mir jemand sagen, wie, indem ich nur auf das verlinkte Beispiel verweise?

Vielen Dank, G.

Answer 1

Sie müssen nur Ihren Titel unter "den Titel" add ...

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 ist eine Funktion, die Dichte zu definieren:

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