this didnt work as good as i wanted. oh well

BillyGalbreath · Jun 2, 2024 · 4270510 · 4270510
1 parent 7c2dbf2
commit 4270510
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/web/src/layer/LiveTileLayer.ts b/web/src/layer/LiveTileLayer.ts
@@ -59,12 +59,12 @@ export class LiveTileLayer extends L.TileLayer {
 
     _tileOnLoad(done: L.DoneCallback, tile: HTMLElement): void {
         super._tileOnLoad(done, tile);
-        tile.setAttribute('loaded', 'true');
+        //tile.setAttribute('loaded', 'true');
     }
 
     _tileOnError(done: L.DoneCallback, tile: HTMLElement, e: Error): void {
         super._tileOnError(done, tile, e);
-        tile.setAttribute('loaded', 'false');
+        //tile.setAttribute('loaded', 'false');
     }
 
     // @method createTile(coords: Object, done?: Function): HTMLElement
@@ -73,7 +73,7 @@ export class LiveTileLayer extends L.TileLayer {
     // callback is called when the tile has been loaded.
     createTile(coords: L.Coords, done: L.DoneCallback): HTMLImageElement {
         const tile: HTMLImageElement = L.DomUtil.create('img');
-        tile.setAttribute('loaded', 'false');
+        //tile.setAttribute('loaded', 'false');
 
         L.DomEvent.on(tile, 'load', L.Util.bind(this._tileOnLoad, this, done, tile));
         L.DomEvent.on(tile, 'error', L.Util.bind(this._tileOnError, this, done, tile));

diff --git a/web/src/scss/livemap.scss b/web/src/scss/livemap.scss
@@ -6,15 +6,10 @@
   cursor: grabbing;
 }
 
-img.leaflet-tile[loaded='false'] {
-  opacity: 0;
-}
-
 img.leaflet-tile {
   image-rendering: pixelated;
   image-rendering: -moz-crisp-edges;
   border: 0 !important;
-  opacity: 1;
 
   /* See: https://github.com/GoogleChrome/lighthouse/issues/15497#issuecomment-2047385179 */
   mix-blend-mode: color-dodge !important;