{"version":3,"sources":["webpack:///./src/gmap/gmaps.js","webpack:///./src/views/flowMeter/components/Map.vue?acca","webpack:///src/views/flowMeter/components/Map.vue","webpack:///./src/views/flowMeter/components/Map.vue?fbe1","webpack:///./src/views/flowMeter/components/Map.vue","webpack:///./src/views/flowMeter/components/CardSearch.vue?6696","webpack:///src/views/flowMeter/components/CardSearch.vue","webpack:///./src/views/flowMeter/components/CardSearch.vue?0633","webpack:///./src/views/flowMeter/components/CardSearch.vue","webpack:///./src/views/flowMeter/Monitoring.vue?b56d","webpack:///./src/views/flowMeter/components/SeaZone.vue?68b2","webpack:///src/views/flowMeter/components/SeaZone.vue","webpack:///./src/views/flowMeter/components/SeaZone.vue?cf60","webpack:///./src/views/flowMeter/components/SeaZone.vue","webpack:///./src/views/flowMeter/components/Map.vue?4a38","webpack:///./src/views/flowMeter/components/SeaZone.vue?bdd2","webpack:///./src/views/flowMeter/Monitoring.vue?7db2","webpack:///src/views/flowMeter/Monitoring.vue","webpack:///./src/views/flowMeter/Monitoring.vue?1b7f","webpack:///./src/views/flowMeter/Monitoring.vue"],"names":["resolveInitPromise","rejectInitPromise","API_KEY","CALLBACK_NAME","initialized","window","google","initPromise","Promise","resolve","reject","init","script","document","createElement","async","defer","src","concat","onerror","querySelector","appendChild","render","_vm","this","_h","$createElement","_c","_self","ref","staticClass","staticStyle","attrs","staticRenderFns","data","map","warpMap","created","initMap","methods","_initMap","_asyncToGenerator","regeneratorRuntime","mark","_callee","latlng","options","wrap","_context","prev","next","gmapsInit","sent","geocoder","maps","Geocoder","LatLng","zoom","center","streetViewControl","mapTypeControl","mapTypeId","MapTypeId","ROADMAP","fullscreenControl","gestureHandling","zoomControlOptions","position","ControlPosition","LEFT_CENTER","Map","$el","infoWindow","InfoWindow","path","strokeColor","fillColor","fillOpacity","rotation","strokeWeight","SymbolPath","FORWARD_CLOSED_ARROW","stop","apply","arguments","pad","num","slice","hhmmss","secs","minutes","Math","floor","hours","markerClickFunction1","train","_this","e","cancelBubble","returnValue","stopPropagation","preventDefault","console","log","time","Number","Time","infoHtml","lat","lng","Speed","moment","Date","format","Status","setContent","setPosition","open","component","directives","name","rawName","value","page","expression","$i18n","locale","scopedSlots","_u","key","fn","inputEvents","_g","start","_v","_s","setFormat","selectedDate","end","model","callback","$$v","props","type","String","date","newDate","add","components","SeaZone","CardSearch"],"mappings":"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","file":"js/chunk-648b7a2e.3641c9eb.js","sourcesContent":["// Your personal API key.\n// Get it here: https://console.cloud.google.com/google/maps-apis\nconst API_KEY = 'AIzaSyBi5WW-e-1iYAXiRJ7j6V1P7LBAdXwR54Y' \nconst CALLBACK_NAME = `gmapsCallback`;\n\nlet initialized = !!window.google;\nlet resolveInitPromise;\nlet rejectInitPromise;\n// This promise handles the initialization\n// status of the google maps script.\nconst initPromise = new Promise((resolve, reject) => {\n  resolveInitPromise = resolve;\n  rejectInitPromise = reject;\n});\n\nexport default function init() {\n  // If Google Maps already is initialized\n  // the `initPromise` should be resolved\n  // eventually.\n  if (initialized) return initPromise;\n\n  initialized = true;\n  // The callback function is called by\n  // the Google Maps script if it is\n  // successfully loaded.\n  window[CALLBACK_NAME] = () => resolveInitPromise(window.google);\n\n  // We inject a new script tag into\n  // the `<head>` of our HTML to load\n  // the Google Maps script.\n  const script = document.createElement(`script`);\n  script.async = true;\n  script.defer = true;\n  script.src = `https://maps.googleapis.com/maps/api/js?libraries=drawing&key=${API_KEY}&callback=${CALLBACK_NAME}`;\n  script.onerror = rejectInitPromise;\n  document.querySelector(`head`).appendChild(script);\n\n  return initPromise;\n}","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:\"warp_map\",staticClass:\"pt-0 pb-5\",staticStyle:{\"height\":\"calc(100vh + 17rem)\",\"z-index\":\"30\"},attrs:{\"id\":\"map-view\"}},[_c('div',{ref:\"map\",staticStyle:{\"height\":\"100%\",\"width\":\"100%\"},attrs:{\"id\":\"map\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div\n    id=\"map-view\"\n    ref=\"warp_map\"\n    style=\"height: calc(100vh + 17rem); z-index: 30\"\n    class=\"pt-0 pb-5\"\n  >\n    <!-- calc(100vh - 0rem) -->\n    <div id=\"map\" ref=\"map\" style=\"height: 100%; width: 100%\"></div>\n  </div>\n</template>\n\n<script>\nimport gmapsInit from \"@/gmap/gmaps\";\nimport moment from \"moment-timezone\";\n\nexport default {\n  data() {\n    return {\n      google: null,\n      map: null,\n      warpMap: null,\n    };\n  },\n  created() {\n    this.initMap();\n  },\n  methods: {\n    async initMap() {\n      this.google = await gmapsInit();\n      this.geocoder = new google.maps.Geocoder();\n      const latlng = new google.maps.LatLng(10.18383, 100.60639);\n      const options = {\n        zoom: 6,\n        center: latlng,\n        streetViewControl: false,\n        mapTypeControl: false,\n        mapTypeId: google.maps.MapTypeId.ROADMAP,\n        fullscreenControl: true,\n        gestureHandling: \"greedy\",\n        zoomControlOptions: {\n          position: google.maps.ControlPosition.LEFT_CENTER,\n        },\n      };\n      this.map = new google.maps.Map(this.$el.querySelector(\"#map\"), options);\n      this.warpMap = this.$el.querySelector(\"#warp_map\");\n      this.infoWindow = new google.maps.InfoWindow();\n      //   google.maps.event.trigger(this.map, \"resize\");\n\n      const symbolOne = {\n        path: \"M -2,0 0,-2 2,0 0,2 z\",\n        strokeColor: \"#F00\",\n        fillColor: \"#F00\",\n        fillOpacity: 1,\n      };\n      const symbolTwo = {\n        path: \"M -1,0 A 1,1 0 0 0 -3,0 1,1 0 0 0 -1,0M 1,0 A 1,1 0 0 0 3,0 1,1 0 0 0 1,0M -3,3 Q 0,5 3,3\",\n        strokeColor: \"#00F\",\n        rotation: 45,\n      };\n      const symbolThree = {\n        path: \"M -2,-2 2,2 M 2,-2 -2,2\",\n        strokeColor: \"#292\",\n        strokeWeight: 4,\n      };\n\n      const lineSymbol = {\n        path: google.maps.SymbolPath.FORWARD_CLOSED_ARROW,\n      };\n    },\n    pad(num) {\n      return (\"0\" + num).slice(-2);\n    },\n    hhmmss(secs) {\n      var minutes = Math.floor(secs / 60);\n      secs = secs % 60;\n      var hours = Math.floor(minutes / 60);\n      minutes = minutes % 60;\n      return `${this.pad(hours)}:${this.pad(minutes)}:${this.pad(secs)}`;\n      // return pad(hours)+\":\"+pad(minutes)+\":\"+pad(secs); for old browsers\n    },\n    markerClickFunction1(train, latlng) {\n      return (e) => {\n        e.cancelBubble = true;\n        e.returnValue = false;\n        if (e.stopPropagation) {\n          e.stopPropagation();\n          e.preventDefault();\n        }\n\n        console.log(\"train >>>. \", train);\n\n        const time = Number(train.Time);\n        let infoHtml = `<div class=\"info\">`;\n        infoHtml += `<p>lat: ${train.lat}</p>`;\n        infoHtml += `<p>lng: ${train.lng}</p>`;\n        infoHtml += `<p>speed: ${train.Speed}</p>`;\n        infoHtml += `<p>date: ${moment(train.Date, \"DDMMYY\").format(\n          \"DD/MM/YYYY\"\n        )} ${this.hhmmss(time)}</p>`;\n        infoHtml += `<p>status: ${\n          train.Status == \"A\"\n            ? '<b style=\"color: green\">Active</b>'\n            : '<b style=\"color: gray\">Inactive</b>'\n        }</p>`;\n        infoHtml += `</div>`;\n\n        this.infoWindow.setContent(infoHtml);\n        this.infoWindow.setPosition(latlng);\n        this.infoWindow.open(this.map);\n      };\n    },\n  },\n};\n</script>\n\n<style scoped>\n#map {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n#map-view {\n  width: 100%;\n  height: 100%;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Map.vue?vue&type=template&id=fa2cd868&scoped=true\"\nimport script from \"./Map.vue?vue&type=script&lang=js\"\nexport * from \"./Map.vue?vue&type=script&lang=js\"\nimport style0 from \"./Map.vue?vue&type=style&index=0&id=fa2cd868&prod&scoped=true&lang=css\"\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  \"fa2cd868\",\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-row',{staticClass:\"mb-3\"},[_c('vs-col',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.page == 'dashboard'),expression:\"page == 'dashboard'\"}],staticClass:\"px-0\",attrs:{\"vs-order\":\"1\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"3\"}},[_c('v-date-picker',{staticClass:\"cursor-pointer w-full\",attrs:{\"mode\":\"date\",\"is-range\":\"\",\"locale\":_vm.$i18n.locale,\"buddhist\":true,\"max-date\":new Date()},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar inputEvents = ref.inputEvents;\nreturn [_c('vs-button',_vm._g({staticClass:\"w-full text-left cardDate\",attrs:{\"size\":\"small\",\"color\":\"#6E6F70\"}},inputEvents.start),[_c('div',{staticClass:\"vx-row\"},[_c('div',{staticClass:\"vx-col text-center mt-2 pl-5 sm:w-1/3 lg:w-1/3 xl:w-1/3\"},[_c('vs-icon',{attrs:{\"color\":\"#fff\",\"size\":\"medium\",\"icon\":\"today\"}})],1),_c('div',{staticClass:\"vx-col center sm:w-2/3 lg:w-2/3 xl:w-2/3\"},[_c('h6',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.setFormat(_vm.selectedDate.start)))]),_c('hr',{staticClass:\"mx-2 my-1\"}),_c('h6',{staticClass:\"text-white\"},[_vm._v(_vm._s(_vm.setFormat(_vm.selectedDate.end)))])])])])]}}]),model:{value:(_vm.selectedDate),callback:function ($$v) {_vm.selectedDate=$$v},expression:\"selectedDate\"}})],1),_c('vs-col',{staticClass:\"px-1\",attrs:{\"vs-order\":\"2\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":_vm.page == 'dashboard' ? 3 : 4}},[_c('vs-button',{staticClass:\"w-full h-16\",attrs:{\"color\":\"#6E6F70\"}},[_vm._v(\"จังหวัด\")])],1),_c('vs-col',{staticClass:\"px-1\",attrs:{\"vs-order\":\"3\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":_vm.page == 'dashboard' ? 3 : 4}},[_c('vs-button',{staticClass:\"w-full h-16\",attrs:{\"color\":\"#6E6F70\"}},[_vm._v(\"กลุ่มเรือ\")])],1),_c('vs-col',{staticClass:\"px-1\",attrs:{\"vs-order\":\"3\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":_vm.page == 'dashboard' ? 3 : 4}},[_c('vs-button',{staticClass:\"w-full h-16\",attrs:{\"color\":\"#6E6F70\"}},[_vm._v(\"เรือบรรทุกน้ำมัน\")])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-row class=\"mb-3\">\n    <vs-col\n      vs-order=\"1\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      vs-w=\"3\"\n      class=\"px-0\"\n      v-show=\"page == 'dashboard'\"\n    >\n      <v-date-picker\n        v-model=\"selectedDate\"\n        mode=\"date\"\n        is-range\n        :locale=\"$i18n.locale\"\n        :buddhist=\"true\"\n        :max-date=\"new Date()\"\n        class=\"cursor-pointer w-full\"\n      >\n        <template v-slot=\"{ inputEvents }\">\n          <vs-button\n            v-on=\"inputEvents.start\"\n            size=\"small\"\n            color=\"#6E6F70\"\n            class=\"w-full text-left cardDate\"\n          >\n            <div class=\"vx-row\">\n              <div\n                class=\"vx-col text-center mt-2 pl-5 sm:w-1/3 lg:w-1/3 xl:w-1/3\"\n              >\n                <vs-icon color=\"#fff\" size=\"medium\" icon=\"today\"></vs-icon>\n              </div>\n              <div class=\"vx-col center sm:w-2/3 lg:w-2/3 xl:w-2/3\">\n                <h6 class=\"text-white\">{{ setFormat(selectedDate.start) }}</h6>\n                <hr class=\"mx-2 my-1\" />\n                <h6 class=\"text-white\">{{ setFormat(selectedDate.end) }}</h6>\n              </div>\n            </div>\n          </vs-button>\n        </template>\n      </v-date-picker>\n    </vs-col>\n    <vs-col\n      vs-order=\"2\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      :vs-w=\"page == 'dashboard' ? 3 : 4\"\n      class=\"px-1\"\n    >\n      <vs-button color=\"#6E6F70\" class=\"w-full h-16\">จังหวัด</vs-button>\n    </vs-col>\n    <vs-col\n      vs-order=\"3\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      :vs-w=\"page == 'dashboard' ? 3 : 4\"\n      class=\"px-1\"\n    >\n      <vs-button color=\"#6E6F70\" class=\"w-full h-16\">กลุ่มเรือ</vs-button>\n    </vs-col>\n    <vs-col\n      vs-order=\"3\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      :vs-w=\"page == 'dashboard' ? 3 : 4\"\n      class=\"px-1\"\n    >\n      <vs-button color=\"#6E6F70\" class=\"w-full h-16\"\n        >เรือบรรทุกน้ำมัน</vs-button\n      >\n    </vs-col>\n  </vs-row>\n</template>\n\n<script>\nimport moment from \"moment\";\nexport default {\n     props: {\n    page: {\n      type: String,\n    },\n  },\n     data() {\n    return {\n       selectedDate: {\n        start: new Date(),\n        end: new Date(),\n      },\n    }\n   },\n   methods: {\n      setFormat(date) {\n      const locale = this.$i18n.locale;\n      if (locale == \"th\") {\n        const newDate = moment(date)\n          .add(543, \"years\")\n          .format(\"DD/MM/YYYY\");\n        return newDate;\n      } else {\n        const newDate = moment(date).format(\"DD/MM/YYYY\");\n        return newDate;\n      }\n    },\n   }\n};\n</script>\n\n<style></style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardSearch.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CardSearch.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./CardSearch.vue?vue&type=template&id=5f3eee10\"\nimport script from \"./CardSearch.vue?vue&type=script&lang=js\"\nexport * from \"./CardSearch.vue?vue&type=script&lang=js\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Monitoring.vue?vue&type=style&index=0&id=99c305c0&prod&scoped=true&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('vs-row',{staticClass:\"mb-5\"},[_c('vs-col',{staticClass:\"px-1\",attrs:{\"vs-order\":\"1\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[_c('vs-button',{staticClass:\"w-full h-16\",attrs:{\"color\":\"warning\"}},[_c('h4',[_c('b',[_vm._v(\"เขตต่อเนื่อง\")])])])],1),_c('vs-col',{staticClass:\"px-1\",attrs:{\"vs-order\":\"2\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[_c('vs-button',{staticClass:\"w-full h-16\",attrs:{\"color\":\"#6E6F70\"}},[_c('h4',[_c('b',[_vm._v(\"ฝั่งทะเลอ่าวไทย\")])])])],1),_c('vs-col',{staticClass:\"px-1\",attrs:{\"vs-order\":\"3\",\"vs-type\":\"flex\",\"vs-justify\":\"center\",\"vs-align\":\"center\",\"vs-w\":\"4\"}},[_c('vs-button',{staticClass:\"w-full h-16\",attrs:{\"color\":\"#6E6F70\"}},[_c('h4',[_c('b',[_vm._v(\"ฝั่งทะเลอันดามัน\")])])])],1)],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <vs-row class=\"mb-5\">\n    <vs-col\n      vs-order=\"1\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      vs-w=\"4\"\n      class=\"px-1\"\n    >\n      <vs-button color=\"warning\" class=\"w-full h-16\">\n        <h4><b>เขตต่อเนื่อง</b></h4>\n      </vs-button>\n    </vs-col>\n    <vs-col\n      vs-order=\"2\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      vs-w=\"4\"\n      class=\"px-1\"\n    >\n      <vs-button color=\"#6E6F70\" class=\"w-full h-16\">\n        <h4><b>ฝั่งทะเลอ่าวไทย</b></h4>\n      </vs-button>\n    </vs-col>\n    <vs-col\n      vs-order=\"3\"\n      vs-type=\"flex\"\n      vs-justify=\"center\"\n      vs-align=\"center\"\n      vs-w=\"4\"\n      class=\"px-1\"\n    >\n      <vs-button color=\"#6E6F70\" class=\"w-full h-16\">\n        <h4><b>ฝั่งทะเลอันดามัน</b></h4>\n      </vs-button>\n    </vs-col>\n  </vs-row>\n</template>\n\n<script>\nexport default {};\n</script>\n\n<style>\nb{\n  color: white;\n}\n</style>\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeaZone.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../node_modules/thread-loader/dist/cjs.js!../../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeaZone.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./SeaZone.vue?vue&type=template&id=6cc6a366\"\nimport script from \"./SeaZone.vue?vue&type=script&lang=js\"\nexport * from \"./SeaZone.vue?vue&type=script&lang=js\"\nimport style0 from \"./SeaZone.vue?vue&type=style&index=0&id=6cc6a366&prod&lang=css\"\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  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=style&index=0&id=fa2cd868&prod&scoped=true&lang=css\"","export * from \"-!../../../../node_modules/@vue/cli-service/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/lib/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./SeaZone.vue?vue&type=style&index=0&id=6cc6a366&prod&lang=css\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('SeaZone'),_c('CardSearch',{attrs:{\"page\":'monitering'}}),_c('Map')],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <SeaZone/>\n    <CardSearch :page=\"'monitering'\"/>\n    <Map/>\n  </div>\n</template>\n\n<script>\nimport gmapsInit from \"@/gmap/gmaps\";\nimport moment from \"moment-timezone\";\nimport Map from \"./components/Map.vue\";\nimport SeaZone from \"./components/SeaZone.vue\";\nimport CardSearch from \"./components/CardSearch.vue\";\n\nexport default {\n   components: {\n    SeaZone,\n    CardSearch,\n    Map,\n  },\n    data() {\n    return {\n\n    };\n  },\n  created() {\n  },\n  methods: {\n\n  },\n\n}\n</script>\n\n<style scoped>\n#map {\n  position: relative;\n  width: 100%;\n  height: 100%;\n}\n#map-view {\n  width: 100%;\n  height: 100%;\n}\n</style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Monitoring.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Monitoring.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Monitoring.vue?vue&type=template&id=99c305c0&scoped=true\"\nimport script from \"./Monitoring.vue?vue&type=script&lang=js\"\nexport * from \"./Monitoring.vue?vue&type=script&lang=js\"\nimport style0 from \"./Monitoring.vue?vue&type=style&index=0&id=99c305c0&prod&scoped=true&lang=css\"\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  \"99c305c0\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}