Legend example

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

You can see the code demonstrating this feature in the legend example.