diff --git a/UI/InputElement/Helpers/LocationInput.svelte b/UI/InputElement/Helpers/LocationInput.svelte
index b76137a58..f94e819eb 100644
--- a/UI/InputElement/Helpers/LocationInput.svelte
+++ b/UI/InputElement/Helpers/LocationInput.svelte
@@ -83,7 +83,7 @@
 
 <div class="min-h-32 relative h-full cursor-pointer overflow-hidden">
   <div class="absolute top-0 left-0 h-full w-full cursor-pointer">
-    <MaplibreMap {map} />
+    <MaplibreMap center={({lng: initialCoordinate.lon, lat: initialCoordinate.lat})}} {map} />
   </div>
 
   <div
diff --git a/UI/Map/MaplibreMap.svelte b/UI/Map/MaplibreMap.svelte
index 38d160e76..7829471e9 100644
--- a/UI/Map/MaplibreMap.svelte
+++ b/UI/Map/MaplibreMap.svelte
@@ -7,8 +7,9 @@
   import { onMount } from "svelte"
   import { Map } from "@onsvisual/svelte-maps"
   import type { Map as MaplibreMap } from "maplibre-gl"
-  import type { Writable } from "svelte/store"
+  import type {Readable, Writable} from "svelte/store"
   import { AvailableRasterLayers } from "../../Models/RasterLayers"
+  import {writable} from "svelte/store";
 
   /**
    * Beware: this map will _only_ be set by this component
@@ -17,7 +18,7 @@
   export let map: Writable<MaplibreMap>
 
   export let attribution = false
-  let center = {}
+  export let center: Readable<{ lng: number ,lat : number }> = writable({lng: 0, lat: 0})
 
   onMount(() => {
     $map.on("load", function () {