Tried turning on validation settings page, looking into more in-depth…

… solutions

components/src/components/Map/Component.form.ts

@@ -1,12 +1,14 @@
 import baseEditForm from 'formiojs/components/_classes/component/Component.form';
 import EditData from './editForm/Component.edit.data';
 import EditDisplay from './editForm/Component.edit.display';
+import EditValidation from './editForm/Component.edit.validation';
 import AdvancedEditLogic from '../Common/Advanced.edit.logic';
 export default function (...extend) {
   return baseEditForm(
     [
       EditDisplay,
       EditData,
+      EditValidation,
       {
         key: 'display',
         ignore: true,

components/src/components/Map/Component.ts

@@ -93,6 +93,8 @@ export default class Component extends (FieldComponent as any) {
       myLocation,
       bcGeocoder,
     } = this.component;
+    const { required } = this.component.validate;
+    console.log(this.component);
 
     const { readOnly: viewMode } = this.options;
 
@@ -178,4 +180,10 @@ export default class Component extends (FieldComponent as any) {
   getValue() {
     return this.dataValue;
   }
+  isValid() {
+    if (this.this.component.validate) {
+      console.log(this.dataValue);
+      return !!this.dataValue;
+    }
+  }
 }

components/src/components/Map/editForm/Component.edit.validation.ts

@@ -1,4 +1,7 @@
 import common from '../../Common/Simple.edit.validation';
-export default [
-    ...common,
-];
+export default {
+  key: 'customValidation',
+  label: 'Validation',
+  weight: 10,
+  components: common,
+};

components/src/components/Map/services/MapService.ts

@@ -30,6 +30,7 @@ interface MapServiceOptions {
   viewMode?: boolean;
   myLocation?: boolean;
   bcGeocoder: boolean;
+  required: boolean;
 }
 
 class MapService {
@@ -90,6 +91,7 @@ class MapService {
       viewMode,
       myLocation,
       bcGeocoder,
+      required,
     } = options;
 
     if (drawOptions.rectangle) {