{"version":3,"sources":["webpack:///./src/components/admin/ChartMap.vue?cb3f","webpack:///src/components/admin/ChartMap.vue","webpack:///./src/components/admin/ChartMap.vue?73da","webpack:///./src/components/admin/ChartMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","staticStyle","width","_v","_s","title","ref","height","attrs","center","zoom","options","mapOptions","staticRenderFns","ChartMapvue_type_script_lang_js_","name","props","payload","Object","String","data","colors","0","1","2","3","4","5","6","lat","lng","zoomControl","mapTypeControl","scaleControl","streetViewControl","rotateControl","fullscreenControl","layers","map","created","mounted","$this","$refs","mapRefAdmin","$mapPromise","then","showMap","computed","methods","coords","north","parseFloat","northernmost_latitude","south","southernmost_latitude","east","easternmost_longitude","west","westernmost_longitude","rectangle","google","maps","Rectangle","strokeColor","getOptionsRec","group_id","strokeOpacity","strokeWeight","fillColor","fillOpacity","bounds","getBounds","getSouthWest","panTo","push","e","console","log","cleanMap","updated_data","forEach","layer","setMap","new_data","index","admin_ChartMapvue_type_script_lang_js_","component","componentNormalizer","__webpack_exports__"],"mappings":"uHAAA,IAAAA,EAAA,WAA0B,IAAAC,EAAAC,KAAaC,EAAAF,EAAAG,eAA0BC,EAAAJ,EAAAK,MAAAD,IAAAF,EAAwB,OAAAE,EAAA,OAAiBE,YAAA,aAAAC,YAAA,CAAsCC,MAAA,UAAiB,CAAAJ,EAAA,UAAeE,YAAA,mBAA8B,CAAAF,EAAA,KAAUE,YAAA,oBAA+B,CAAAN,EAAAS,GAAAT,EAAAU,GAAAV,EAAAW,YAAAP,EAAA,WAA8CE,YAAA,mBAA8B,CAAAF,EAAA,YAAiBQ,IAAA,cAAAL,YAAA,CAA+BC,MAAA,MAAAK,OAAA,QAA8BC,MAAA,CAAQC,OAAAf,EAAAe,OAAAC,KAAAhB,EAAAgB,KAAAC,QAAAjB,EAAAkB,eAA8D,MACvdC,EAAA,GCmBAC,aAAA,CACAC,KAAA,WACAC,MAAA,CACAC,QAAAC,OACAb,MAAAc,QAEAC,KANA,WASA,IAAAC,EAAA,CACAC,EAAA,UACAC,EAAA,UACAC,EAAA,UACAC,EAAA,UACAC,EAAA,UACAC,EAAA,UACAC,EAAA,WAGA,OAEAlB,KAAA,EACAD,OAAA,CACAoB,IAAA,WACAC,IAAA,YAEAlB,WAAA,CACAmB,aAAA,EACAC,gBAAA,EACAC,cAAA,EACAC,mBAAA,EACAC,eAAA,EACAC,mBAAA,GAEAC,OAAA,GAEAhB,SACAiB,IAAA,OAGAC,QAxCA,aA2CAC,QA3CA,WA4CA,IAAAC,EAAA9C,KAEAA,KAAA+C,MAAAC,aACAhD,KAAA+C,MAAAC,aAAAhD,KAAA+C,MAAAC,YAAAC,YAAAC,KAAA,SAAAP,GACAG,EAAAH,MACAG,EAAAK,aAIAC,SAAA,GAGAC,QAAA,CACAF,QADA,WAEA,IAAAL,EAAA9C,KACA,GAAA8C,EAAAH,IACA,IACA,IAAAW,EAAA,CACAC,MAAAC,WAAAV,EAAAxB,QAAAmC,uBACAC,MAAAF,WAAAV,EAAAxB,QAAAqC,uBACAC,KAAAJ,WAAAV,EAAAxB,QAAAuC,uBACAC,KAAAN,WAAAV,EAAAxB,QAAAyC,wBAGAC,EAAA,IAAAC,OAAAC,KAAAC,UAAA,CACAC,YAAAtB,EAAAuB,cAAAvB,EAAAxB,QAAAgD,UACAC,cAAA,EACAC,aAAA,GACAC,UAAA3B,EAAAuB,cAAAvB,EAAAxB,QAAAgD,UACAI,YAAA,GACA/B,IAAAG,EAAAH,IACAgC,OAAArB,IAGAqB,EAAAX,EAAAY,YACA9D,EAAA6D,EAAAE,eAEA/B,EAAAH,IAAAmC,MAAAhE,GAEAgC,EAAAJ,OAAAqC,KAAAf,GAEA,MAAAgB,GACAC,QAAAC,IAAAF,KAIAG,SAlCA,SAkCAC,GACA,IAAAtC,EAAA9C,KACA8C,EAAAJ,OAAA2C,QAAA,SAAAC,GACAA,EAAAC,OAAA,QAEAH,IACAtC,EAAAxB,QAAAkE,SACA1C,EAAAK,YAIAkB,cA7CA,SA6CAoB,GACA,OAAAzF,KAAA0B,OAAA+D,OC1HiWC,EAAA,cCOjWC,EAAgBpE,OAAAqE,EAAA,KAAArE,CACdmE,EACA5F,EACAoB,GACF,EACA,KACA,KACA,MAIe2E,EAAA,WAAAF","file":"js/chunk-2d2084cb.2cdaaa09.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"modal-card\",staticStyle:{\"width\":\"640px\"}},[_c('header',{staticClass:\"modal-card-head\"},[_c('p',{staticClass:\"modal-card-title\"},[_vm._v(_vm._s(_vm.title))])]),_c('section',{staticClass:\"modal-card-body\"},[_c('gmap-map',{ref:\"mapRefAdmin\",staticStyle:{\"width\":\"98%\",\"height\":\"50vh\"},attrs:{\"center\":_vm.center,\"zoom\":_vm.zoom,\"options\":_vm.mapOptions}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"modal-card\" style=\"width: 640px\">\r\n    <header class=\"modal-card-head\">\r\n      <p class=\"modal-card-title\">{{ title }}</p>\r\n    </header>\r\n    <section class=\"modal-card-body\">\r\n      <gmap-map\r\n        :center=\"center\"\r\n        :zoom=\"zoom\"\r\n        style=\"width:98%; height: 50vh\"\r\n        ref=\"mapRefAdmin\"\r\n        :options=\"mapOptions\"\r\n      >\r\n      </gmap-map>\r\n    </section>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  name: \"ChartMap\",\r\n  props: {\r\n    payload: Object,\r\n    title: String\r\n  },\r\n  data() {\r\n    \r\n    // Цвета для групп (кодов)\r\n    const colors = {\r\n      0: \"#000000\", //unknown\r\n      1: \"#654321\", //overview\r\n      2: \"#819c4e\", //general\r\n      3: \"#08457e\", //coastal\r\n      4: \"#cd5b45\", //approach\r\n      5: \"#fadfad\", //harbour\r\n      6: \"#e100e1\", //berthing\r\n    }\r\n\r\n    return {\r\n      // Main\r\n      zoom: 3,\r\n      center: {\r\n        lat: 43.8062302,\r\n        lng: 35.7006469\r\n      },\r\n      mapOptions: {\r\n        zoomControl: true,\r\n        mapTypeControl: false,\r\n        scaleControl: true,\r\n        streetViewControl: false,\r\n        rotateControl: false,\r\n        fullscreenControl: true\r\n      },\r\n      layers: [],\r\n      // Цвета для групп (кодов)\r\n      colors: colors,\r\n      map: null\r\n    };\r\n  },\r\n  created(){\r\n    //\r\n  },\r\n  mounted() {\r\n    let $this = this\r\n\r\n    if (this.$refs.mapRefAdmin){\r\n      this.$refs.mapRefAdmin && this.$refs.mapRefAdmin.$mapPromise.then(map => {\r\n        $this.map = map\r\n        $this.showMap()\r\n      })\r\n    }\r\n  },\r\n  computed: {\r\n    //\r\n  },\r\n  methods: {\r\n    showMap(){\r\n      let $this = this\r\n      if($this.map){\r\n        try {\r\n          let coords = {\r\n            north: parseFloat($this.payload.northernmost_latitude),\r\n            south: parseFloat($this.payload.southernmost_latitude),\r\n            east: parseFloat($this.payload.easternmost_longitude),\r\n            west: parseFloat($this.payload.westernmost_longitude)\r\n          }\r\n\r\n          let rectangle = new google.maps.Rectangle({\r\n            strokeColor: $this.getOptionsRec($this.payload.group_id),\r\n            strokeOpacity: 1,\r\n            strokeWeight: 0.5,\r\n            fillColor: $this.getOptionsRec($this.payload.group_id),\r\n            fillOpacity: 0.2,\r\n            map: $this.map,\r\n            bounds: coords\r\n          });\r\n\r\n          let bounds = rectangle.getBounds()\r\n          let center = bounds.getSouthWest()\r\n          \r\n          $this.map.panTo(center)\r\n\r\n          $this.layers.push(rectangle)\r\n        }\r\n        catch (e){\r\n          console.log(e)\r\n        }\r\n      }\r\n    },\r\n    cleanMap(updated_data){\r\n      let $this = this\r\n      $this.layers.forEach(function(layer){\r\n        layer.setMap(null)\r\n      })\r\n      if(updated_data){\r\n        $this.payload = new_data\r\n        $this.showMap()\r\n      }\r\n    },\r\n    // Helper получить цвет на категорию\r\n    getOptionsRec(index){\r\n      return this.colors[index]\r\n    }\r\n  }\r\n};\r\n</script>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../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!./ChartMap.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/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!./ChartMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ChartMap.vue?vue&type=template&id=889689ca&\"\nimport script from \"./ChartMap.vue?vue&type=script&lang=js&\"\nexport * from \"./ChartMap.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"],"sourceRoot":""}