Add map legend

views/css/d.map.css

@@ -163,10 +163,12 @@ footer {
 	bottom: 0;
 	left: calc(50% - 425px);
 	z-index: 10000;
+	display: flex;
 }
 
 #footer-credits .close-link, #footer-legend .close-link {
-	float: right;
+	position: absolute;
+	right: 10px;
 	color: white;
 	padding: 0 8px;
 	cursor: pointer;
@@ -179,6 +181,14 @@ footer {
 	color: white;
 }
 
+.legend_item {
+	flex: 1;
+	text-align: center;
+}
+.poi_icon {
+	height: 15px;
+}
+
 .leaflet-fullscreen-on .easy-button-container {
 	display: none;
 }

views/d.map.html

@@ -16,7 +16,9 @@
 
 		<div id="footer-legend" style="display: none;">
 			<i class="fa fa-times close-link" aria-hidden="true"></i>
-			<p><i id="map-legend">Légende.</i></p>
+			<? foreach($poi_types as $type) { ?>
+				<span class="legend_item"><img src="<?=$config['views_url']?>img/<?=$type[3]?>.svg" class="poi_icon"> <?=$type[1]?></span>
+			<? } ?>
 		</div>
 
 		<? include('blocks/d.footer.html'); ?>