Another approach to enable tile display on retina displays

a-thousand-channels · Sep 8, 2024 · 5e0fc78 · 5e0fc78
1 parent 48ad628
commit 5e0fc78
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/LeafletMap.vue b/src/components/LeafletMap.vue
@@ -63,14 +63,17 @@ export default {
     const selectedYear = ref(1900) // initial value
     const allMarkers = [];
 
+    L.Browser.retina = false
+
     let alidade_smooth_dark = L.tileLayer('https://tiles-eu.stadiamaps.com/tiles/alidade_smooth_dark/{z}/{x}/{y}{r}.png', {
         attribution: '&copy; <a href="https://stadiamaps.com/" target="_blank">Stadia Maps</a>&copy; <a href="https://openmaptiles.org/" target="_blank">OpenMapTiles</a>&copy; <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap</a>'
       })
     
     let hamburg_dark_mode = L.tileLayer('https://tiles.3plusx.io/hamburg/darkmode/{z}/{x}/{y}{r}.png', {
         attribution: 'Karte: UT/3+x, Geodaten: <a href="https://www.openstreetmap.org/copyright" target="_blank">OpenStreetMap + Mitwirkende</a>',
         maxZoom: 17,
-        detectRetina: false
+        detectRetina: false,
+        tileSize: 256
       })