From 5de37323d41b9c8c45ac3279eb171a04d4dae933 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Thu, 1 Feb 2024 13:40:11 +0100
Subject: [PATCH] changed custom position field

---
 src/Components/Map/UtopiaMap.tsx | 4 ++--
 src/types.ts                     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/Components/Map/UtopiaMap.tsx b/src/Components/Map/UtopiaMap.tsx
index 82d6b5fc..fa2a92ea 100644
--- a/src/Components/Map/UtopiaMap.tsx
+++ b/src/Components/Map/UtopiaMap.tsx
@@ -35,7 +35,7 @@ const mapDivRef = React.createRef();
 function UtopiaMap({
     height = "500px",
     width = "100%",
-    center = new LatLng(50.6, 9.5),
+    center = [50.6, 9.5],
     zoom = 10,
     children }
     : UtopiaMapProps) {
@@ -79,7 +79,7 @@ function UtopiaMap({
                             <ItemsProvider initialItems={[]}>
                                 <LeafletRefsProvider initialLeafletRefs={{}}>
                                     <div className={(selectNewItemPosition != null ? "crosshair-cursor-enabled" : undefined)}>
-                                        <MapContainer ref={mapDivRef} style={{ height: height, width: width }} center={center} zoom={zoom} zoomControl={false}>
+                                        <MapContainer ref={mapDivRef} style={{ height: height, width: width }} center={new LatLng(center[0],center[1])} zoom={zoom} zoomControl={false}>
                                             <Control position='topLeft' zIndex="1000">
                                                 <SearchControl clusterRef={clusterRef} />
                                                 <TagsControl />
diff --git a/src/types.ts b/src/types.ts
index 309fa6e9..7447d1a3 100644
--- a/src/types.ts
+++ b/src/types.ts
@@ -4,7 +4,7 @@ import { ItemFormPopupProps } from "./Components/Map/Subcomponents/ItemFormPopup
 export interface UtopiaMapProps {
   height?: string,
   width?: string,
-  center?: LatLng,
+  center?: [number,number],
   zoom?: number,
   tags?: Tag[],
   children?: React.ReactNode,