<!

--Legenda, sebelumnya harus ada sumber leafletnya-->

var legend = L.control({position: 'bottomleft'});
legend.onAdd = function (map) {
var div = L.DomUtil.create('div', 'info legend');
div.innerHTML =
"<h4>Kepadatan <br> Penduduk</h4
>"+
'<p><img src="ht
tp://www.colorhexa.com/f5f0e6.png"style="width:20px;height:20px"> <1300 </p>'+
'<p><img src="ht
tp://www.colorhexa.com/ffe0b2.png"style="width:20px;height:20px"> 1300-2000</p>'
+
'<p><img src="ht
tp://www.colorhexa.com/ffbd7a.png"style="width:20px;height:20px"> 2000-2800</p>'
+
'<p><img src="ht
tp://www.colorhexa.com/db704d.png"style="width:20px;height:20px"> 2800-3500</p>'
+
'<p><img src="ht
tp://www.colorhexa.com/5c1f00.png"style="width:20px;height:20px"> >3500 </p>';
return div;
};
legend.addTo(map);