added many beautiful colors!!!

draw_map.py

@@ -36,7 +36,7 @@
 m.zoom_to_box(mapnik.Envelope(-180.0,-90.0,180.0,83.623596))
 
 ### Write file
-mapnik.render_to_file(m,'output/world.png', 'png')
+mapnik.render_to_file(m,'/var/lib/banditvis/output/world.png', 'png')
 
 ##### Get Metadata
 
@@ -53,7 +53,7 @@
 
 ##### Insert Metadata
 
-im = Image.open('output/world.png')
+im = Image.open('/var/lib/banditvis/output/world.png')
 draw = ImageDraw.Draw(im)
 font = ImageFont.truetype('fonts/LinLibertine_Bd-4.1.5.otf', 20)
 
@@ -74,7 +74,6 @@
 im.paste(im2, (27, 280), im2)
 
 ### Write file
-#im.save('output/world.png')
 im.save('/var/lib/banditvis/output/world.png')
 
 exit()

interactive/banditvis.css

@@ -1,11 +1,37 @@
 #map{
 	border: 1px solid black;
+	height: 100%;
+	width: 100%;
 }
 
-.Popup{
-	background-color:yellow;
+#legend {
 	border: 1px solid black;
+	position: absolute;
+	overflow: hidden;
+	z-index: 1000000;
+
+	top: 150px;
+	left: 15px;
+	width: 40px;
+	height: 70%;
+
+	text-align: center;
+
+	background-image: -ms-linear-gradient(top, hsl(0, 100%, 50%), hsl(120, 100%, 50%)); 
+	background-image: -moz-linear-gradient(top, red, yellow, green);
+	background-image: -o-linear-gradient(top, hsl(0,100%, 50%), hsl(120, 100%, 50%)); 
+	background-image: -webkit-linear-gradient(top, hsl(0, 100%, 50%), hsl(120, 100%, 50%)); 
+	background-image: linear-gradient(top, hsl(0, 100%, 50%), hsl(120, 100%, 50%));
 }
-.PopupContent{
-	overflow:visible;
+
+#legend_upper {
+	position:absolute;
+	top: 0px;
+	width: 100%
+}
+
+#legend_lower{
+	position:absolute;
+	bottom: 0px;
+	width: 100%
 }