From d9022d636fc1ac3e469a19f677f9cb6f859bdb13 Mon Sep 17 00:00:00 2001
From: "Patrik J. Braun" <bra.patrik@gmail.com>
Date: Tue, 4 May 2021 23:39:55 +0200
Subject: [PATCH] adding map icon pop

---
 .../map/lightbox/lightbox.map.gallery.component.ts       | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.ts b/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.ts
index 589a9ebe..26993057 100644
--- a/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.ts
+++ b/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.ts
@@ -255,6 +255,7 @@ export class GalleryMapLightboxComponent implements OnChanges {
       // Setting photo icon
       if (Config.Client.Map.useImageMarkers === true) {
         mkr.on('add', () => {
+          mkr.off('add');
           const iconTh = this.thumbnailService.getIcon(new MediaIcon(p));
           this.thumbnailsOnLoad.push(iconTh);
           iconTh.Visible = true;
@@ -265,6 +266,14 @@ export class GalleryMapLightboxComponent implements OnChanges {
               className: 'photo-icon'
             }));
             mkr.options.alt = p.name;
+            mkr.on('mouseover', () => {
+              mkr.getIcon().options.iconSize = [this.usedIconSize.x * 1.5, this.usedIconSize.y * 1.5];
+              mkr.setIcon(mkr.getIcon());
+            });
+            mkr.on('mouseout', () => {
+              mkr.getIcon().options.iconSize = this.usedIconSize;
+              mkr.setIcon(mkr.getIcon());
+            });
           };
           if (iconTh.Available === true) {
             setIcon();