Remove previous image when panning in templated image layer

Maps4HTML · Jun 2, 2023 · 7b0858f · 7b0858f
1 parent d08d72e
commit 7b0858f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/mapml/layers/TemplatedImageLayer.js b/src/mapml/layers/TemplatedImageLayer.js
@@ -39,7 +39,7 @@ export var TemplatedImageLayer = L.Layer.extend({
 
   _addImage: function (bounds, zoom, loc) {
     let map = this._map;
-    let overlayToRemove = this._imageLayer;
+    let overlayToRemove = this._imageOverlay;
     let src = this.getImageUrl(bounds, zoom);
     let size = map.getSize();
     this._imageOverlay = M.imageLayer(src, loc, size, 0, this._container);

diff --git a/test/e2e/layers/templatedImageLayer.test.js b/test/e2e/layers/templatedImageLayer.test.js
@@ -65,4 +65,17 @@ test.describe('Playwright templatedImage Layer Tests', () => {
     };
     expect(imagePos).toEqual(expectedPos);
   });
+  test('Templated image layer - remove previous image on moveend', async () => {
+    await page.click('body > map');
+    // generate a few map moves
+    await page.keyboard.press('ArrowUp');
+    await page.keyboard.press('ArrowLeft');
+    await page.keyboard.press('ArrowRight');
+    await page.keyboard.press('ArrowDown');
+    await page.waitForLoadState('networkidle');
+    const images = await page.locator(
+      '.mapml-templatedlayer-container > .mapml-image-container > .leaflet-image-loaded'
+    );
+    await expect(images).toHaveCount(1);
+  });
 });