Merge pull request #9 from RyanBirtch-aot/settings-default-center

Settings default center
RyanBirtch-aot · Jul 8, 2024 · a1c2da1 · a1c2da1
2 parents c260fe2 + f82e707
commit a1c2da1
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 3 deletions.
diff --git a/components/src/components/Map/Component.ts b/components/src/components/Map/Component.ts
@@ -4,7 +4,9 @@ import MapService from './services/MapService';
 import baseEditForm from './Component.form';
 import * as L from 'leaflet';
 
-const CENTER: [number, number] = [48.41939025932759, -123.37029576301576]; // Ensure CENTER is a tuple with exactly two elements
+const DEFAULT_CENTER: [number, number] = [
+  48.41939025932759, -123.37029576301576,
+]; // Ensure CENTER is a tuple with exactly two elements
 
 export default class Component extends (FieldComponent as any) {
   static schema(...extend) {
@@ -69,11 +71,17 @@ export default class Component extends (FieldComponent as any) {
       drawOptions[this.component.markerType] = true; // set marker type from user choice
     }
 
-    const { numPoints, defaultZoom, readOnlyMap } = this.component;
+    const { numPoints, defaultZoom, readOnlyMap, center } = this.component;
+
+    let parsedCenter;
+    if (center) {
+      parsedCenter = JSON.parse(center).latlng;
+    }
+
     this.mapService = new MapService({
       mapContainer,
       drawOptions,
-      center: CENTER,
+      center: center ? parsedCenter : DEFAULT_CENTER,
       form,
       numPoints,
       defaultZoom,

diff --git a/components/src/components/Map/editForm/Component.edit.data.ts b/components/src/components/Map/editForm/Component.edit.data.ts
@@ -56,6 +56,19 @@ export default {
       type: 'simplenumber',
       input: true,
     },
+    {
+      key: 'center',
+      type: 'map',
+      input: true,
+      label: 'Default Center',
+      numPoints: 1,
+      tableView: false,
+      markerType: 'marker',
+      defaultZoom: 13,
+      readOnlyMap: false,
+      description:
+        'Please select the desired default center using a single marker',
+    },
     {
       label: 'Read Only Map',
       description: