{"version":3,"sources":["webpack:///./node_modules/@babel/runtime/helpers/esm/objectSpread2.js","webpack:///./src/citizen/full_screen_map.vue","webpack:///src/citizen/full_screen_map.vue","webpack:///./src/citizen/full_screen_map.vue?3376","webpack:///./src/citizen/full_screen_map.vue?0a73","webpack:///./node_modules/@babel/runtime/helpers/esm/defineProperty.js","webpack:///./node_modules/core-js/modules/es.object.keys.js","webpack:///./src/citizen/full_screen_map.vue?8e92","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptors.js","webpack:///./node_modules/core-js/modules/es.object.get-own-property-descriptor.js"],"names":["ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread2","target","i","arguments","length","source","forEach","key","defineProperty","getOwnPropertyDescriptors","defineProperties","render","_vm","this","_c","_self","ref","staticClass","attrs","staticRenderFns","mapState","data","accessToken","latitude","longitude","map","mapFeatures","ready","selectedFile","url","selectedFile2","url2","selectedFile3","data2","url3","marker","appImage","isDisabled","imageError","requirePhoto","clients_url","spotForm","requireLatLong","spot_type_id","location_id","detail","spot_date","questions","client_url","questionArray","spot_types","locations","categories","beforeMount","mounted","console","deep","methods","initMap","lngLat","mapboxgl","container","style","center","zoom","draggable","setLngLat","addTo","type","cluster","clusterMaxZoom","clusterRadius","id","paint","layout","layers","clusterId","coordinates","setHTML","spot_type","description","getClientSpots","API","properties","title","spot_id","iconUrl","geometry","navigator","openAddSpot","getLatLong","e","onFileSelected","event","onFileSelected1","onFileSelected2","getSpotType","getAppSetting","localStorage","getLocations","dataCollectionQuestions","addQuestions","question_id","category_id","answer","registerSpot","fd","timeout","showProgressBar","closeOnClick","pauseOnHover","changePinLong","changePinLat","openFullScreenMap","path","params","window","component","_defineProperty","obj","value","configurable","writable","$","toObject","nativeKeys","fails","FAILS_ON_PRIMITIVES","stat","forced","it","DESCRIPTORS","toIndexedObject","getOwnPropertyDescriptorModule","createProperty","sham","descriptor","O","f","result","index","undefined","nativeGetOwnPropertyDescriptor","FORCED"],"mappings":"iQAEA,SAASA,EAAQC,EAAQC,GACvB,IAAIC,EAAOC,OAAOD,KAAKF,GAEvB,GAAIG,OAAOC,sBAAuB,CAChC,IAAIC,EAAUF,OAAOC,sBAAsBJ,GAC3CC,IAAmBI,EAAUA,EAAQC,QAAO,SAAUC,GACpD,OAAOJ,OAAOK,yBAAyBR,EAAQO,GAAKE,eACjDP,EAAKQ,KAAKC,MAAMT,EAAMG,GAG7B,OAAOH,EAGM,SAASU,EAAeC,GACrC,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CACzC,IAAIG,EAAS,MAAQF,UAAUD,GAAKC,UAAUD,GAAK,GACnDA,EAAI,EAAIf,EAAQI,OAAOc,IAAS,GAAIC,SAAQ,SAAUC,GACpDC,eAAeP,EAAQM,EAAKF,EAAOE,OAChChB,OAAOkB,0BAA4BlB,OAAOmB,iBAAiBT,EAAQV,OAAOkB,0BAA0BJ,IAAWlB,EAAQI,OAAOc,IAASC,SAAQ,SAAUC,GAC5JhB,OAAOiB,eAAeP,EAAQM,EAAKhB,OAAOK,yBAAyBS,EAAQE,OAI/E,OAAON,I,yCCzBT,IAAIU,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,IAAI,WAAWC,YAAY,iCAAiC,CAACH,EAAG,MAAM,CAACG,YAAY,4BAA4BC,MAAM,CAAC,GAAK,qBAEpMC,EAAkB,G,kNCWtB,mCACAC,2BADA,IAEAC,KAFA,WAGA,OACAC,+GACAC,YACAC,aACAC,OACAC,eACAC,SACAC,gBACAC,SACAC,iBACAC,UACAC,iBACAC,SACAC,UACAC,YACAC,cACAC,cACAC,cACAC,eACAC,eACAC,UACAC,iBACAC,gBACAC,eACAC,UACAC,aACAvB,YACAC,aACAuB,aACAC,eAEAC,iBACAC,cACAC,aACAC,gBAEAC,YAvCA,WAyCA,4BACA,uCACA,mBACA,2BACA,qBACA,sBACA,mBACA,oBACA,gCAEAC,QAnDA,WAmDA,WAEA,mCACAC,eACA,0BACA,mBACA,YACA,+BAEA,cAEA,OACA,kBAIA,CACAC,WAIAC,SACAC,QADA,SACAC,GAAA,WACAC,iCACA,sBACAC,yBACAC,yCACAC,SACAC,UAGA,6BACA,oBACA,4BACA,mBACA,4BACAC,eACAC,UAAAP,GAAAQ,MAAA,UAGA,WACA,sCACA,2BAEAnD,mBAKA,iBAGA,iBAHA,IAMA,4BACA,mCAGA,+BACA,SACA,yBACA,KACA,YACA,YACA,uCAGA,wBAEA,+BACAoD,eACA/C,aACAgD,WACAC,kBACAC,mBAGA,gBACAC,cACAJ,cACA/D,qBACAX,6BACA+E,OACA,gBACA,OACA,sBACA,UACA,IACA,UACA,IACA,WAEA,iBACA,OACA,sBACA,GACA,IACA,GACA,IACA,OAKA,gBACAD,mBACAJ,cACA/D,qBACAX,6BACAgF,QACA,yCACA,4DACA,eACA,yBAGAD,OACA,0BAGA,gBACA,YACA,cAEA,GADAlB,eACA,UAEA,2BAGA,gBACAiB,uBACAJ,cACA/D,qBACAX,mCAUAgF,QACA,cACA,QACA,kBACA,yDACA,uDACA,sBACA,yBACA,OAEA,iBACA,gBACA,uBACA,sBACA,OACA,OACA,OACA,QACA,aAQA,yCACA,2CACAC,sBAEA,6BACA,uDACAC,GACA,cACA,GAEA,cACAb,iCACAC,eAMA,kDACAT,eACA,iDACA,iCACA,uCACA,sCACAsB,kCAEA,eACAX,UAAAW,GACAC,QAFA,yLAMAC,EANA,wMAUAC,EAVA,+FAaAb,MAAA,UAGA,6CACA,4CAEA,6CACA,yCAKAc,eAxMA,WAwMA,WACA1B,kBACA,OACAP,6BAEAkC,sBACA7D,GACA,YAEAA,4BACA,OACA+C,eACAe,YACAX,QACAY,uBACAC,uBACAL,4BACAM,+BAEAC,UACAnB,aACAS,uCAIA,yBAGA,sBAEAW,sDACA,qDAIA,sCAGA,iBAIAC,YAlPA,WAmPA,gCACA,qDACAC,WArPA,SAqPAC,GACA,iCACA,iCAEAC,eAzPA,SAyPAC,GACA,oCACA,gDACA,oBAEAC,gBA9PA,SA8PAD,GACA,qCACA,mDAEAE,gBAlQA,SAkQAF,GACA,qCACA,mDAEAG,YAtQA,WAsQA,WACA,GACAhD,6BAEAkC,mBACA7D,GACA,YACA,uBAEA,iBAKA4E,cApRA,WAoRA,WACA,GACAjD,6BAEAkC,qBACA7D,GACA,YACAkC,oBACA,8BACA2C,2DACA,oCACA,kDACA3C,+BAEA,iBAKA4C,aAvSA,WAuSA,WACA,GACAnD,6BAEAkC,oBACA7D,GACA,YACA,sBAEA,iBAKA+E,wBArTA,WAqTA,WACA,GACApD,6BAEAkC,+BACA7D,GACA,YACA,uBAEA,iBAKAgF,aAnUA,SAmUAR,EAAAS,EAAAC,GACA,OACAA,cACAD,cACAE,uBAEA,iCAEAC,aA3UA,WA2UA,WAUA,GATA,iBACA,0BAGA,sDACA,qBAIA,8CAGA,mBACA,wBACA,qDACAC,gEAIA,uDACAA,mEAGA,uDACAA,8DAIAA,oDACAA,kDACAA,wCACAA,8CAEA,2DACAA,mCAEAA,4CAGA,6DACAA,qCAGAA,8CAIAA,8DACAA,wCAGA,mBACAxB,eACAwB,GACA,YACA,gBAEAnD,oBACA,OACAa,eACAe,YACAX,aACAY,4BACAC,4BACAL,iCACAM,oCAEAC,UACAnB,aACAS,iDAGA,yBACA,gDAEA,2BACA,0BACA,qBACA,wBACA,wBACA,kBACA,mBACA,mBACA,SACA,UACA,UACA,iDACA,8BACA8B,YACAC,mBACAC,gBACAC,qBAGA,YACA,qBAIAC,cA/aA,SA+aAlB,GACA,0BACA,yFAEAmB,aAnbA,SAmbAnB,GACA,yBACA,yFAEAoB,kBAvbA,WAwbA,4BAAAC,qBAAAC,QAAA3C,kBAEA4C,iCC/gByV,I,wBCQrVC,EAAY,eACd,EACA1G,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAkG,E,2CCnBA,SAASC,EAAgBC,EAAKhH,EAAKiH,GAYhD,OAXIjH,KAAOgH,EACThI,OAAOiB,eAAe+G,EAAKhH,EAAK,CAC9BiH,MAAOA,EACP3H,YAAY,EACZ4H,cAAc,EACdC,UAAU,IAGZH,EAAIhH,GAAOiH,EAGND,EAZT,mC,qBCAA,IAAII,EAAI,EAAQ,QACZC,EAAW,EAAQ,QACnBC,EAAa,EAAQ,QACrBC,EAAQ,EAAQ,QAEhBC,EAAsBD,GAAM,WAAcD,EAAW,MAIzDF,EAAE,CAAE1H,OAAQ,SAAU+H,MAAM,EAAMC,OAAQF,GAAuB,CAC/DzI,KAAM,SAAc4I,GAClB,OAAOL,EAAWD,EAASM,Q,kCCX/B,W,qBCAA,IAAIP,EAAI,EAAQ,QACZQ,EAAc,EAAQ,QACtBhJ,EAAU,EAAQ,QAClBiJ,EAAkB,EAAQ,QAC1BC,EAAiC,EAAQ,QACzCC,EAAiB,EAAQ,QAI7BX,EAAE,CAAE1H,OAAQ,SAAU+H,MAAM,EAAMO,MAAOJ,GAAe,CACtD1H,0BAA2B,SAAmCrB,GAC5D,IAKImB,EAAKiI,EALLC,EAAIL,EAAgBhJ,GACpBQ,EAA2ByI,EAA+BK,EAC1DpJ,EAAOH,EAAQsJ,GACfE,EAAS,GACTC,EAAQ,EAEZ,MAAOtJ,EAAKc,OAASwI,EACnBJ,EAAa5I,EAAyB6I,EAAGlI,EAAMjB,EAAKsJ,WACjCC,IAAfL,GAA0BF,EAAeK,EAAQpI,EAAKiI,GAE5D,OAAOG,M,qBCrBX,IAAIhB,EAAI,EAAQ,QACZG,EAAQ,EAAQ,QAChBM,EAAkB,EAAQ,QAC1BU,EAAiC,EAAQ,QAAmDJ,EAC5FP,EAAc,EAAQ,QAEtBJ,EAAsBD,GAAM,WAAcgB,EAA+B,MACzEC,GAAUZ,GAAeJ,EAI7BJ,EAAE,CAAE1H,OAAQ,SAAU+H,MAAM,EAAMC,OAAQc,EAAQR,MAAOJ,GAAe,CACtEvI,yBAA0B,SAAkCsI,EAAI3H,GAC9D,OAAOuI,EAA+BV,EAAgBF,GAAK3H","file":"js/chunk-2f5a4f8c.4df79f1b.js","sourcesContent":["import defineProperty from \"./defineProperty.js\";\n\nfunction ownKeys(object, enumerableOnly) {\n  var keys = Object.keys(object);\n\n  if (Object.getOwnPropertySymbols) {\n    var symbols = Object.getOwnPropertySymbols(object);\n    enumerableOnly && (symbols = symbols.filter(function (sym) {\n      return Object.getOwnPropertyDescriptor(object, sym).enumerable;\n    })), keys.push.apply(keys, symbols);\n  }\n\n  return keys;\n}\n\nexport default function _objectSpread2(target) {\n  for (var i = 1; i < arguments.length; i++) {\n    var source = null != arguments[i] ? arguments[i] : {};\n    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {\n      defineProperty(target, key, source[key]);\n    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {\n      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));\n    });\n  }\n\n  return target;\n}","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{ref:\"childref\",staticClass:\"google-map new-updated-design\"},[_c('div',{staticClass:\"map-container full-screen\",attrs:{\"id\":\"mapContainer\"}})])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div class=\"google-map new-updated-design\" ref=\"childref\">\r\n        <div class=\"map-container full-screen\" id=\"mapContainer\">\r\n\r\n        </div>\r\n    </div>\r\n</template>\r\n<script>\r\n    import mapboxgl from \"mapbox-gl\";\r\n    import API from '@/citizen_api'\r\n    import {mapState} from \"vuex\";\r\n    import moment from 'moment'\r\n\r\n    export default {\r\n        ...mapState([\"click\"]),\r\n        data() {\r\n            return {\r\n                accessToken: 'pk.eyJ1Ijoid2F0Y2hzcG90dGVyIiwiYSI6ImNsMmY0OTgxdzA3MW0zYm1jMmY5MGY5OG4ifQ.vEle7r52YhgPJ8D-MVlZ2A',\r\n                latitude: '',\r\n                longitude: '',\r\n                map: [],\r\n                mapFeatures: [],\r\n                ready: false,\r\n                selectedFile: [],\r\n                url: null,\r\n                selectedFile2: [],\r\n                url2: null,\r\n                selectedFile3: [],\r\n                data2: [],\r\n                url3: null,\r\n                marker: null,\r\n                appImage: null,\r\n                isDisabled: false,\r\n                imageError: false,\r\n                requirePhoto: 1,\r\n                clients_url: '',\r\n                spotForm: {\r\n                    requireLatLong: 1,\r\n                    spot_type_id: '',\r\n                    location_id: '',\r\n                    detail: '',\r\n                    spot_date: '',\r\n                    latitude: '',\r\n                    longitude: '',\r\n                    questions: [],\r\n                    client_url: '',\r\n                },\r\n                questionArray: [],\r\n                spot_types: [],\r\n                locations: [],\r\n                categories: [],\r\n            };\r\n        }, beforeMount() {\r\n\r\n            var client_id = this.$route.params.id\r\n            var url = window.location.origin + '/project/' + client_id;\r\n            this.clients_url = url;\r\n            this.spotForm.client_url = url;\r\n            this.getAppSetting();\r\n            this.getClientSpots();\r\n            this.getSpotType();\r\n            this.getLocations();\r\n            this.dataCollectionQuestions();\r\n        },\r\n        mounted() {\r\n\r\n            var date_time = moment().format('YYYY-MM-DDTHH:mm');\r\n            console.log(date_time);\r\n            this.spotForm.spot_date = date_time;\r\n            this.$store.watch(\r\n                (state) => {\r\n                    return this.$store.state.click // could also put a Getter here\r\n                },\r\n                (newValue, oldValue) => {\r\n                    //something changed do something\r\n                    if (newValue === 1) {\r\n                        this.openAddSpot();\r\n                    }\r\n                },\r\n//Optional Deep if you need it\r\n                {\r\n                    deep: true\r\n                }\r\n            )\r\n        },\r\n        methods: {\r\n            initMap(lngLat) {\r\n                mapboxgl.accessToken = this.accessToken;\r\n                this.map = new mapboxgl.Map({\r\n                    container: \"mapContainer\",\r\n                    style: \"mapbox://styles/mapbox/light-v10\",\r\n                    center: lngLat,\r\n                    zoom: 14,\r\n                });\r\n                // more initialization\r\n                this.spotForm.longitude = lngLat[0];\r\n                this.longitude = lngLat[0];\r\n                this.spotForm.latitude = lngLat[1];\r\n                this.latitude = lngLat[1];\r\n                this.marker = new mapboxgl.Marker({\r\n                    draggable: true\r\n                }).setLngLat(lngLat).addTo(this.map);\r\n\r\n\r\n                var ref = this;\r\n                this.marker.on('dragend', function (e) {\r\n                    var lngLat = e.target.getLngLat();\r\n                    // this.$refs.marker.mapObject.getLatLng();\r\n                    ref.getLatLong(lngLat)\r\n\r\n                })\r\n\r\n\r\n                var loadFeatures = this.mapFeatures;\r\n                const geojson = {\r\n                    'type': 'FeatureCollection',\r\n                    'features': this.mapFeatures\r\n                };\r\n\r\n                const nav = new mapboxgl.NavigationControl();\r\n                this.map.addControl(nav, \"top-right\");\r\n\r\n\r\n                this.map.on('load', () => {\r\n                    this.data2 = {\r\n                        \"type\": \"FeatureCollection\",\r\n                        \"crs\": {\r\n                            \"type\": \"name\",\r\n                            \"properties\": {\r\n                                \"name\": \"urn:ogc:def:crs:OGC:1.3:CRS84\"\r\n                            }\r\n                        },\r\n                        \"features\": this.mapFeatures\r\n                    }\r\n                    this.map.addSource('earthquakes', {\r\n                        type: 'geojson',\r\n                        data: this.data2,\r\n                        cluster: true,\r\n                        clusterMaxZoom: 14,\r\n                        clusterRadius: 50\r\n                    });\r\n\r\n                    this.map.addLayer({\r\n                        id: 'clusters',\r\n                        type: 'circle',\r\n                        source: 'earthquakes',\r\n                        filter: ['has', 'point_count'],\r\n                        paint: {\r\n                            'circle-color': [\r\n                                'step',\r\n                                ['get', 'point_count'],\r\n                                '#51bbd6',\r\n                                100,\r\n                                '#f1f075',\r\n                                750,\r\n                                '#f28cb1'\r\n                            ],\r\n                            'circle-radius': [\r\n                                'step',\r\n                                ['get', 'point_count'],\r\n                                20,\r\n                                100,\r\n                                30,\r\n                                750,\r\n                                40\r\n                            ]\r\n                        }\r\n                    });\r\n\r\n                    this.map.addLayer({\r\n                        id: 'cluster-count',\r\n                        type: 'symbol',\r\n                        source: 'earthquakes',\r\n                        filter: ['has', 'point_count'],\r\n                        layout: {\r\n                            'text-field': '{point_count_abbreviated}',\r\n                            'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],\r\n                            'text-size': 12,\r\n                            \"text-allow-overlap\" : true\r\n\r\n                        },\r\n                        paint: {\r\n                            \"text-color\": \"#ffffff\"\r\n                        }\r\n                    });\r\n                    this.map.loadImage(\r\n                        this.appImage,\r\n                        (error, image) => {\r\n                            console.log(image);\r\n                            if (error) throw error;\r\n// Add the image to the map style.\r\n                            this.map.addImage('cat', image);\r\n                        });\r\n\r\n                    this.map.addLayer({\r\n                        id: 'unclustered-point',\r\n                        type: 'symbol',\r\n                        source: 'earthquakes', // reference the data source\r\n                        filter: ['!', ['has', 'point_count']],\r\n                        // layout: {\r\n                        //     'icon-image': 'cat', // reference the image\r\n                        //     'icon-size': 0.25\r\n                        // }\r\n                        // paint: {\r\n                        //     \"text-color\": \"#d21010\",\r\n                        //     \"icon-halo-color\": \"#d21010\",\r\n                        //     \"icon-halo-width\": 2\r\n                        // },\r\n                        layout: {\r\n                            \"icon-image\": [\r\n                                \"match\",\r\n                                [\"get\", \"spot_id\"],\r\n                                [\"CD\", \"HP\", \"BD\", \"KW\", \"RD\", \"UD\", \"WB\", \"WS\", \"SD\"], \"dolphin\",\r\n                                [\"MW\", \"UB\", \"HU\", \"PW\", \"SP\", \"NB\", \"FW\", \"CB\", \"SW\"], \"whale\",\r\n                                [\"BS\"], \"baskingshark\",\r\n                                [\"UC\", \"UN\", \"OR\", \"SU\"], \"\",\r\n                                \"cat\"\r\n                            ],\r\n                            \"icon-padding\": 2,\r\n                            'icon-size': 0.05,\r\n                            \"icon-anchor\": \"bottom\",\r\n                            \"icon-allow-overlap\": {\r\n                                \"base\": 1,\r\n                                \"stops\": [\r\n                                    [0, true],\r\n                                    [12, true],\r\n                                    [22, true]\r\n                                ]\r\n                            },\r\n                        }\r\n\r\n                    });\r\n\r\n\r\n                    this.map.on('click', 'clusters', (e) => {\r\n                        const features = this.map.queryRenderedFeatures(e.point, {\r\n                            layers: ['clusters']\r\n                        });\r\n                        const clusterId = features[0].properties.cluster_id;\r\n                        this.map.getSource('earthquakes').getClusterExpansionZoom(\r\n                            clusterId,\r\n                            (err, zoom) => {\r\n                                if (err) return;\r\n\r\n                                this.map.easeTo({\r\n                                    center: features[0].geometry.coordinates,\r\n                                    zoom: zoom\r\n                                });\r\n                            }\r\n                        );\r\n                    });\r\n\r\n                    this.map.on('click', 'unclustered-point', (e) => {\r\n                        console.log(e);\r\n                        const coordinates = e.features[0].geometry.coordinates.slice();\r\n                        const spot_type = e.features[0].properties.title;\r\n                        const description = e.features[0].properties.description;\r\n                        while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {\r\n                            coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;\r\n                        }\r\n                        new mapboxgl.Popup()\r\n                            .setLngLat(coordinates)\r\n                            .setHTML(\r\n                                `<table class=\"table table-sm table-bordered\">\r\n                                 <tr>\r\n                                 <td>SPECIES </td>\r\n                                 <td>${spot_type}</td>\r\n                                  </tr>\r\n                                    <tr>\r\n                                    <td>Located at: </td>\r\n                                    <td>${description}</td>\r\n                                    </tr>\r\n                                </table>`)\r\n                            .addTo(this.map);\r\n                    });\r\n\r\n                    this.map.on('mouseenter', 'clusters', () => {\r\n                        this.map.getCanvas().style.cursor = 'pointer';\r\n                    });\r\n                    this.map.on('mouseleave', 'clusters', () => {\r\n                        this.map.getCanvas().style.cursor = '';\r\n                    });\r\n\r\n                })\r\n            },\r\n            getClientSpots() {\r\n                console.log('ok')\r\n                const data = {\r\n                    client_url: this.clients_url,\r\n                }\r\n                API.getClientSpots(\r\n                    data,\r\n                    data => {\r\n\r\n                        data.data.forEach(data => {\r\n                            const d1 = {\r\n                                type: \"Feature\",\r\n                                properties: {\r\n                                    id: data.id,\r\n                                    title: data.spot_type.name,\r\n                                    spot_id: data.spot_type_id,\r\n                                    description: data.location.name,\r\n                                    iconUrl: this.$server_url + data.image,\r\n                                },\r\n                                geometry: {\r\n                                    type: \"Point\",\r\n                                    coordinates: [data.longitude, data.latitude]\r\n                                }\r\n                            }\r\n\r\n                            this.mapFeatures.push(d1);\r\n                        })\r\n\r\n                        if (navigator.geolocation) {\r\n\r\n                            navigator.geolocation.getCurrentPosition(e => {\r\n                                this.initMap([e.coords.longitude, e.coords.latitude])\r\n                            })\r\n                        } else {\r\n\r\n                            this.initMap([-123.813866, 39.452717]);\r\n                        }\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n            },\r\n            openAddSpot() {\r\n                this.$store.commit('decrement');\r\n                this.$root.$emit(\"bv::show::modal\", \"modal-addSpot\");\r\n            }, getLatLong(e) {\r\n                this.spotForm.longitude = e['lng'];\r\n                this.spotForm.latitude = e['lat'];\r\n            },\r\n            onFileSelected(event) {\r\n                this.selectedFile = event.target.files[0]\r\n                this.url = URL.createObjectURL(this.selectedFile)\r\n                this.imageError = false;\r\n            },\r\n            onFileSelected1(event) {\r\n                this.selectedFile2 = event.target.files[0]\r\n                this.url2 = URL.createObjectURL(this.selectedFile2)\r\n            },\r\n            onFileSelected2(event) {\r\n                this.selectedFile3 = event.target.files[0]\r\n                this.url3 = URL.createObjectURL(this.selectedFile3)\r\n            },\r\n            getSpotType() {\r\n                const data = {\r\n                    client_url: this.clients_url,\r\n                }\r\n                API.getSpotType(\r\n                    data,\r\n                    data => {\r\n                        this.spot_types = data.data;\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n\r\n            },\r\n            getAppSetting() {\r\n                const data = {\r\n                    client_url: this.clients_url,\r\n                }\r\n                API.getAppSetting(\r\n                    data,\r\n                    data => {\r\n                        console.log(data.data);\r\n                        this.appImage = data.data.stock_image;\r\n                        localStorage.setItem('app_setting', JSON.stringify(data.data));\r\n                        this.requirePhoto = data.data.require_photo;\r\n                        this.spotForm.requireLatLong = data.data.require_lat_lang;\r\n                        console.log(this.requirePhoto);\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n\r\n            },\r\n            getLocations() {\r\n                const data = {\r\n                    client_url: this.clients_url,\r\n                }\r\n                API.getLocations(\r\n                    data,\r\n                    data => {\r\n                        this.locations = data.data;\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n\r\n            },\r\n            dataCollectionQuestions() {\r\n                const data = {\r\n                    client_url: this.clients_url,\r\n                }\r\n                API.dataCollectionQuestions(\r\n                    data,\r\n                    data => {\r\n                        this.categories = data.data;\r\n                    },\r\n                    err => {\r\n                    }\r\n                )\r\n\r\n            },\r\n            addQuestions(event, question_id, category_id) {\r\n                const data = {\r\n                    category_id: category_id,\r\n                    question_id: question_id,\r\n                    answer: event.target.value,\r\n                }\r\n                this.spotForm.questions.push(data)\r\n            },\r\n            registerSpot() {\r\n                this.$v.$touch();\r\n                this.$v.spotForm.$touch();\r\n\r\n\r\n                if (this.requirePhoto === 1 && this.selectedFile.length === 0) {\r\n                    this.imageError = true;\r\n                }\r\n\r\n\r\n                if (this.$v.spotForm.$anyError || this.imageError) {\r\n                    return;\r\n                }\r\n                this.isDisabled = true;\r\n                const fd = new FormData();\r\n                if (this.selectedFile !== undefined && this.selectedFile.length !== 0) {\r\n                    fd.append('image', this.selectedFile, this.selectedFile.name)\r\n                }\r\n\r\n\r\n                if (this.selectedFile2 !== undefined && this.selectedFile2.length !== 0) {\r\n                    fd.append('image1', this.selectedFile2, this.selectedFile2.name)\r\n                }\r\n\r\n                if (this.selectedFile3 !== undefined && this.selectedFile3.length !== 0) {\r\n                    fd.append('image2', this.selectedFile3, this.selectedFile3.name)\r\n                }\r\n\r\n\r\n                fd.append('spot_type_id', this.spotForm.spot_type_id);\r\n                fd.append('location_id', this.spotForm.location_id);\r\n                fd.append('detail', this.spotForm.detail);\r\n                fd.append('spot_date', this.spotForm.spot_date);\r\n\r\n                if (this.spotForm.latitude === '' || this.spotForm.latitude === null) {\r\n                    fd.append('latitude', this.latitude);\r\n                } else {\r\n                    fd.append('latitude', this.spotForm.latitude);\r\n                }\r\n\r\n                if (this.spotForm.longitude === '' || this.spotForm.longitude === null) {\r\n                    fd.append('longitude', this.longitude);\r\n                } else {\r\n\r\n                    fd.append('longitude', this.spotForm.longitude);\r\n                }\r\n\r\n\r\n                fd.append('questions', JSON.stringify(this.spotForm.questions));\r\n                fd.append('client_url', this.clients_url);\r\n\r\n\r\n                this.isDisabled = true;\r\n                API.addSpot(\r\n                    fd,\r\n                    data => {\r\n                        this.isDisabled = false;\r\n\r\n                        console.log(data.data);\r\n                        const d1 = {\r\n                            type: \"Feature\",\r\n                            properties: {\r\n                                id: data.data.id,\r\n                                title: data.data.spot_type.name,\r\n                                spot_id: data.data.spot_type_id,\r\n                                description: data.data.location.name,\r\n                                iconUrl: this.$server_url + data.data.image,\r\n                            },\r\n                            geometry: {\r\n                                type: \"Point\",\r\n                                coordinates: [data.data.longitude, data.data.latitude]\r\n                            }\r\n                        }\r\n                        this.data2.features.push(d1);\r\n                        this.map.getSource(\"earthquakes\").setData(this.data2);\r\n\r\n                        this.spotForm.spot_type_id = '';\r\n                        this.spotForm.location_id = '';\r\n                        this.spotForm.detail = '';\r\n                        this.spotForm.spot_date = '';\r\n                        this.spotForm.questions = [];\r\n                        this.selectedFile = [];\r\n                        this.selectedFile2 = [];\r\n                        this.selectedFile3 = [];\r\n                        this.url = '';\r\n                        this.url2 = '';\r\n                        this.url3 = '';\r\n                        this.$root.$emit(\"bv::hide::modal\", \"modal-addSpot\");\r\n                        this.$snotify.success(data.message, {\r\n                            timeout: 2000,\r\n                            showProgressBar: false,\r\n                            closeOnClick: true,\r\n                            pauseOnHover: true,\r\n                        });\r\n                    },\r\n                    err => {\r\n                        this.isDisabled = false;\r\n                    }\r\n                )\r\n            },\r\n            changePinLong(event) {\r\n                this.spotForm.longitude = event;\r\n                this.marker.setLngLat([this.spotForm.longitude, this.spotForm.latitude]).addTo(this.map);\r\n            },\r\n            changePinLat(event) {\r\n                this.spotForm.latitude = event;\r\n                this.marker.setLngLat([this.spotForm.longitude, this.spotForm.latitude]).addTo(this.map);\r\n            },\r\n            openFullScreenMap() {\r\n                let route = this.$router.resolve({path: '/project/map/', params: {id: 'Cl-864196'}});\r\n                // let route = this.$router.resolve('/link/to/page'); // This also works.\r\n                window.open(route.href, '_blank');\r\n            }\r\n        }\r\n    }\r\n</script>\r\n<style lang=\"scss\" scoped>\r\n    .basemap {\r\n        width: 100%;\r\n        height: 100%;\r\n    }\r\n\r\n</style>\r\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./full_screen_map.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./full_screen_map.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./full_screen_map.vue?vue&type=template&id=eed93312&scoped=true&\"\nimport script from \"./full_screen_map.vue?vue&type=script&lang=js&\"\nexport * from \"./full_screen_map.vue?vue&type=script&lang=js&\"\nimport style0 from \"./full_screen_map.vue?vue&type=style&index=0&id=eed93312&prod&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"eed93312\",\n  null\n  \n)\n\nexport default component.exports","export default function _defineProperty(obj, key, value) {\n  if (key in obj) {\n    Object.defineProperty(obj, key, {\n      value: value,\n      enumerable: true,\n      configurable: true,\n      writable: true\n    });\n  } else {\n    obj[key] = value;\n  }\n\n  return obj;\n}","var $ = require('../internals/export');\nvar toObject = require('../internals/to-object');\nvar nativeKeys = require('../internals/object-keys');\nvar fails = require('../internals/fails');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeKeys(1); });\n\n// `Object.keys` method\n// https://tc39.es/ecma262/#sec-object.keys\n$({ target: 'Object', stat: true, forced: FAILS_ON_PRIMITIVES }, {\n  keys: function keys(it) {\n    return nativeKeys(toObject(it));\n  }\n});\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./full_screen_map.vue?vue&type=style&index=0&id=eed93312&prod&lang=scss&scoped=true&\"","var $ = require('../internals/export');\nvar DESCRIPTORS = require('../internals/descriptors');\nvar ownKeys = require('../internals/own-keys');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar getOwnPropertyDescriptorModule = require('../internals/object-get-own-property-descriptor');\nvar createProperty = require('../internals/create-property');\n\n// `Object.getOwnPropertyDescriptors` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptors\n$({ target: 'Object', stat: true, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptors: function getOwnPropertyDescriptors(object) {\n    var O = toIndexedObject(object);\n    var getOwnPropertyDescriptor = getOwnPropertyDescriptorModule.f;\n    var keys = ownKeys(O);\n    var result = {};\n    var index = 0;\n    var key, descriptor;\n    while (keys.length > index) {\n      descriptor = getOwnPropertyDescriptor(O, key = keys[index++]);\n      if (descriptor !== undefined) createProperty(result, key, descriptor);\n    }\n    return result;\n  }\n});\n","var $ = require('../internals/export');\nvar fails = require('../internals/fails');\nvar toIndexedObject = require('../internals/to-indexed-object');\nvar nativeGetOwnPropertyDescriptor = require('../internals/object-get-own-property-descriptor').f;\nvar DESCRIPTORS = require('../internals/descriptors');\n\nvar FAILS_ON_PRIMITIVES = fails(function () { nativeGetOwnPropertyDescriptor(1); });\nvar FORCED = !DESCRIPTORS || FAILS_ON_PRIMITIVES;\n\n// `Object.getOwnPropertyDescriptor` method\n// https://tc39.es/ecma262/#sec-object.getownpropertydescriptor\n$({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {\n  getOwnPropertyDescriptor: function getOwnPropertyDescriptor(it, key) {\n    return nativeGetOwnPropertyDescriptor(toIndexedObject(it), key);\n  }\n});\n"],"sourceRoot":""}