Add colors description

[karam-mustafa]

On the map page, we want to display such as a panner to describe the meaning of each color that is mapped here

        let iconUrl ='https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-green.png';
        let color = 'green'
        if(item.type == 1){
            iconUrl = 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-red.png';
            color = 'red'
        }
        if(item.type >= 2 || item.typeKey <= 7 ){
            iconUrl = 'https://cdn.rawgit.com/pointhi/leaflet-color-markers/master/img/marker-icon-2x-yellow.png';
            color = 'yellow'
        }

[bit-01]

how about we use fontawsome or custom icon font for the markers instead of png images.
This would give us high resolution graphics in the map with little load time. ?
if it is okay i can start working on it with this issue together.