We can embed easily a static legend information panel on our map. Let's see how:
.legend {
padding: 6px 8px;
font: 14px/16px Arial, Helvetica, sans-serif;
box-shadow: 0 0 15px rgba(0,0,0,0.2);
background: rgba(255,255,255, 0.9);
line-height: 18px;
border-radius: 5px;
color: #555;
}
.legend i {
color: #777;
width: 18px;
height: 18px;
float: left;
margin-right: 8px;
opacity: 0.7;
}