From 790c2767e2dfbdca65f56ec95bf3cd69a98e4301 Mon Sep 17 00:00:00 2001
From: Pieter Vander Vennet <pietervdvn@posteo.net>
Date: Sun, 18 Jun 2023 00:52:26 +0200
Subject: [PATCH] Fix: pass along initial coordinates with the location input,
 prevents flashing of the ocean; fix #1469

---
 UI/InputElement/Helpers/LocationInput.svelte | 2 +-
 UI/Map/MaplibreMap.svelte                    | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/UI/InputElement/Helpers/LocationInput.svelte b/UI/InputElement/Helpers/LocationInput.svelte
index b76137a589..f94e819ebb 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 38d160e762..7829471e93 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 () {