From 99d4ea68da69670a4767345fa71bed0434d1112a Mon Sep 17 00:00:00 2001
From: Faton Ramadani <faton.ramadani14@gmail.com>
Date: Thu, 16 Mar 2023 12:39:12 +0100
Subject: [PATCH] fix(frontend): fix map render (#1297)

* fix(frontend): fix map render

* fix(frontend): fix map render
---
 .../lib/components/apps/components/display/AppMap.svelte    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/apps/components/display/AppMap.svelte b/frontend/src/lib/components/apps/components/display/AppMap.svelte
index 6ea2a74dee..d7de166f84 100644
--- a/frontend/src/lib/components/apps/components/display/AppMap.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppMap.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { getContext, onMount } from 'svelte'
+	import { getContext } from 'svelte'
 	import { concatCustomCss } from '../../utils'
 	import type { AppInput } from '../../inputType'
 	import type { AppViewerContext, ComponentCustomCSS } from '../../types'
@@ -124,7 +124,7 @@
 		createMarkerLayers()?.forEach((l) => map.addLayer(l))
 	}
 
-	onMount(() => {
+	$: if (!map && mapElement) {
 		useGeographic()
 		map = new Map({
 			target: mapElement,
@@ -143,7 +143,7 @@
 			})
 		})
 		updateRegionOutput()
-	})
+	}
 
 	$: css = concatCustomCss($app.css?.mapcomponent, customCss)