Icones de tailles varibles suivant le zoom

public/views/js/d.map.js

@@ -202,19 +202,6 @@ $(document).ready(function() {
 		);
 	});
 
-	// ---------------------------------------------------------
-	// Icônes
-	// ---------------------------------------------------------
-
-	for (const type in window.poi_icons) {
-		icons[type] = L.icon({
-			iconUrl: window.poi_icons[type],
-			iconSize: [32, 32],
-			iconAnchor: [16, 32],
-			popupAnchor: [0, -32]
-		});
-	}
-
 	// ---------------------------------------------------------
 	// Chargement des POI visibles
 	// ---------------------------------------------------------
@@ -224,6 +211,19 @@ $(document).ready(function() {
 	        return;
 
 	    var b = mymap.getBounds();
+	    var currentZoom = mymap.getZoom();
+
+	    // helper local : construit un L.Icon en fonction du type et du zoom
+	    function getMarkerIconFor(type, zoom) {
+	        var size = (zoom > 11) ? 32 : 24;
+
+            return L.icon({
+                iconUrl: window.poi_icons[type],
+                iconSize: [size, size],
+                iconAnchor: [Math.floor(size / 2), size],
+                popupAnchor: [0, -size]
+            });
+	    }
 
 	    $.getJSON(
 	        root + "poi/api_bbox",
@@ -237,14 +237,12 @@ $(document).ready(function() {
 	            poiLayer.clearLayers();
 
 	            pois.forEach(function(poi) {
-					var icon =
-						icons[poi.type] ||
-						icons["default"];
+	                var markerIcon = getMarkerIconFor(poi.type, currentZoom);
 
 	                var marker = L.marker(
 	                    [poi.lat, poi.lon],
 	                    {
-							icon: icon
+	                        icon: markerIcon
 	                    }
 	                );
 
@@ -258,15 +256,9 @@ $(document).ready(function() {
 	                    }
 	                );
 
-					marker.on(
-						"click",
-						function() {
-							window.location =
-								root +
-								"poi/" +
-								poi.permalink;
-						}
-					);
+	                marker.on("click", function() {
+	                    window.location = root + "poi/" + poi.permalink;
+	                });
 
 	                poiLayer.addLayer(marker);
 	            });