diff --git a/MMM-CombinedMap.css b/MMM-CombinedMap.css index 8beea9a..6b46c5c 100644 --- a/MMM-CombinedMap.css +++ b/MMM-CombinedMap.css @@ -21,15 +21,20 @@ /* Radar smoothing applied in individual color scheme rules above */ -/* Vibrant radar colors - enhance visibility on dark backgrounds */ +/* Vibrant radar colors - enhance visibility + smooth edges */ .mmm-combinedmap-wrapper .radar-vibrant { - filter: saturate(1.5) brightness(1.2); + filter: saturate(1.5) brightness(1.2) blur(0.5px); image-rendering: smooth; } /* Bright radar for maximum visibility */ .mmm-combinedmap-wrapper .radar-bright { - filter: saturate(2) brightness(1.4) contrast(1.1); + filter: saturate(2) brightness(1.4) contrast(1.1) blur(0.5px); + image-rendering: smooth; +} + +/* Default radar smoothing (no color boost) */ +.mmm-combinedmap-wrapper .leaflet-tile-pane .leaflet-layer:not(:first-child) img { image-rendering: smooth; } diff --git a/MMM-CombinedMap.js b/MMM-CombinedMap.js index a4f38bd..994423d 100644 --- a/MMM-CombinedMap.js +++ b/MMM-CombinedMap.js @@ -281,7 +281,7 @@ Module.register("MMM-CombinedMap", { const isForecast = timestamp > now; const timeStr = timestamp.toISOString().replace(/\.\d{3}Z$/, ".000Z"); - // DWD WMS layer + // DWD WMS layer - request larger tiles for better quality const layer = L.tileLayer.wms("https://maps.dwd.de/geoserver/dwd/wms", { layers: "dwd:Niederschlagsradar", format: "image/png", @@ -291,7 +291,9 @@ Module.register("MMM-CombinedMap", { styles: "niederschlagsradar", version: "1.3.0", crs: L.CRS.EPSG3857, - className: radarClass + className: radarClass, + tileSize: 512, // Request larger tiles for better resolution + zoomOffset: -1 // Compensate for larger tiles }); layer.addTo(this.map);