Move Location Error

src/pages/CaseFlag.vue

@@ -151,6 +151,7 @@
           <base-input
             v-model="currentFlag.requested_action"
             :placeholder="$t('flag.google_map_url')"
+            @input="spliceUrl"
           />
           <p class="mt-5 mb-3">
             {{ $t('flag.click_if_location_unknown') }}
@@ -406,6 +407,10 @@ export default {
     this.incidents = orderBy(response.data.results, ['id'], ['desc']);
   },
   methods: {
+    spliceUrl(url) {
+      // eslint-disable-next-line prefer-destructuring
+      this.currentFlag.requested_action = url.split('data')[0];
+    },
     async flagWorksite() {
       if (
         this.currentFlag.reason_t === 'flag.worksite_wrong_incident' &&

src/utils/__tests__/map.test.js

@@ -0,0 +1,14 @@
+import { getGoogleMapsLocation } from '../map';
+
+describe('Google Maps Parse', () => {
+  const coords = {
+    lat: 38.8976763,
+    long: -77.0387185,
+  };
+
+  const url =
+    'https://www.google.com/maps/place/white+house/@38.8976763,-77.0387185,17z/data=!3m1!4b1!4m5!3m4!1s0x89b7b7bcdecbb1df:0x715969d86d0b76bf!8m2!3d38.8976763!4d-77.0365298';
+  test('Gets Correct Latitude and Longitude', () => {
+    expect(getGoogleMapsLocation(url) === coords);
+  });
+});

src/utils/map.js

@@ -34,10 +34,10 @@ export const mapAttribution =
   '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors, &copy; <a href="http://cartodb.com/attributions">CartoDB</a>';
 
 export const getGoogleMapsLocation = (url) => {
-  const regex = new RegExp('@(.*),(.*),');
-  const match = url.match(regex);
-  const latitude = Number(match[1]);
-  const longitude = Number(match[2]);
+  const regex = '@(-?\\d+\\.\\d+),(-?\\d+\\.\\d+),(\\d+\\.?\\d?)+z';
+  const match = url.matchAll(regex);
+  const latitude = match[0];
+  const longitude = match[1];
 
   return {
     longitude,