rest of legend files

Author: gordonwoodhull

leaflet-legend.css

@@ -0,0 +1,25 @@
+/* Legend */
+.info {
+    padding: 6px 8px;
+    font: 14px/16px Arial, Helvetica, sans-serif;
+    background: white;
+    background: rgba(255,255,255,0.8);
+    box-shadow: 0 0 15px rgba(0,0,0,0.2);
+    border-radius: 5px;
+}
+.info h4 {
+    margin: 0 0 5px;
+    color: #777;
+}
+
+.legend {
+    line-height: 18px;
+    color: #555;
+}
+.legend i {
+    width: 18px;
+    height: 18px;
+    float: left;
+    margin-right: 8px;
+    opacity: 0.7;
+}

src/legend.js

@@ -0,0 +1,62 @@
+//Legend code adapted from http://leafletjs.com/examples/choropleth.html
+dc_leaflet.legend = function() {
+    var _parent, _legend = {};
+    var _Llegend = L.control({position: 'bottomleft'});
+
+    _legend.parent = function (parent) {
+	if(!arguments.length)
+	    return _parent;
+	_parent = parent;
+	return this;
+    };
+
+    _legend.render = function () {
+	return _legend.redraw();
+    };
+
+    _legend.redraw = function () {
+	_Llegend.update();
+	return _legend;
+    };
+    
+    _legend.leafletLegend = function () {
+	return _Llegend;
+    };
+
+    _Llegend.onAdd = function (map) {          
+        this._div = L.DomUtil.create('div', 'info legend');
+        this.update();      
+        return this._div;
+    };
+
+    _Llegend.update = function () {
+	var i, minValue, maxValue, palette, colorLength, delta, grades;
+        if (_parent.colorDomain()) {//check because undefined for marker charts        
+            minValue = _parent.colorDomain()[0];
+            maxValue = _parent.colorDomain()[1];
+            palette = _parent.colors().range();
+            colorLength = _parent.colors().range().length;
+            delta = (maxValue - minValue)/colorLength;             
+
+            //define grades for legend colours
+            //based on equation in dc.js colorCalculator (before verion based on colorMixin)
+            grades = [];
+            grades[0] = minValue;
+            for (i= 1; i < colorLength; i++) {
+                grades[i] = Math.round((0.5 + (i - 1)) * delta + minValue);
+            }          
+              
+            var div = L.DomUtil.create('div', 'info legend'),          
+                labels = [];            
+
+            // loop through our density intervals and generate a label with a colored square for each interval
+            this._div.innerHTML = ""; //reset so that legend is not plotted multiple times
+            for (i = 0; i < grades.length; i++) {
+                this._div.innerHTML +=
+                    '<i style="background:' + palette[i] + '"></i> ' +
+                      grades[i] + (grades[i + 1] ? '&ndash;' + grades[i + 1] + '<br>' : '+');
+            }
+        }
+    };        
+    return _legend;
+};