{"version":3,"sources":["webpack:///./node_modules/@realsoft/platon-core/src/components/widgets/InfoMap.vue?4f03","webpack:///./node_modules/@realsoft/platon-core/src/components/widgets/InfoMap.vue?2e3f","webpack:///node_modules/@realsoft/platon-core/src/components/widgets/InfoMap.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/widgets/InfoMap.vue?32f2","webpack:///./node_modules/@realsoft/platon-core/src/components/widgets/InfoMap.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","scopedSlots","_u","title","key","fn","_v","_s","on","toggleFullScreen","proxy","ref","staticStyle","staticRenderFns","name","props","options","required","data","fullScreen","infoControl","created","L","mounted","methods","renderMap","getMapCenter","getMapZoom","getColor","value","renderPolygonFromJson","geoJson","onEachFeature","layer","mouseover","weight","fillOpacity","mouseout","style","fillColor","opacity","color","json","initInfoContol","position","html","legend","div","i","setupMap","center","zoom","maxZoom","subdomains","attribution","googleSat","googleStreets","collapsed","addTo","renderPolygonFromInput","properties","type","geometry","document","computed","mapCenter","defaultMapZoom","colors","component"],"mappings":"kHAAA,W,gECAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,SAAS,CAACE,YAAY,OAAOC,MAAM,CAAC,UAAU,IAAIC,YAAYR,EAAIS,GAAG,EAAET,EAAIU,MAAe,CAACC,IAAI,SAASC,GAAG,WAAW,MAAO,CAACR,EAAG,KAAK,CAACA,EAAG,OAAO,CAACJ,EAAIa,GAAGb,EAAIc,GAAGd,EAAIU,UAAUV,EAAIa,GAAG,KAAKT,EAAG,IAAI,CAACE,YAAY,mBAAmBS,GAAG,CAAC,MAAQf,EAAIgB,wBAAwBC,OAAM,KAAY,MAAK,IAAO,CAACb,EAAG,MAAM,CAACc,IAAI,YAAYC,YAAY,CAAC,MAAQ,OAAO,OAAS,SAASZ,MAAM,CAAC,GAAK,kBAC3da,EAAkB,G,uKCoBP,GACfC,qBAEAC,OACAC,SACAC,cAIAC,KATA,WAUA,OACAC,cACAC,mBAIAC,QAhBA,WAiBAC,sBAGAC,QApBA,WAqBA,kBAGAC,SACAC,UADA,WAEA,gBACA,sBACA,+BAGAC,aAPA,WAQA,kEAGAC,WAXA,WAYA,kCAEA,2BACA,EAGA,IAGAC,SArBA,SAqBAC,GAAA,WACA,iFAEA,yCACA,yCAEA,iFAAAA,UAGAC,sBA9BA,SA8BAC,GAAA,WACA,qBACAC,4BACAC,yBACA,iEAEAA,MACAC,sBACA,eACAD,oDACAA,YAAAE,SAAAC,iBACA,qDACAH,kBAGAI,qBACA,eACAJ,gCACAA,YAAAE,SAAAC,iBACA,qDACAH,qBAKAK,kBACA,OACAC,yDACAJ,SACAK,UACAC,yDACAL,mBAIAM,+BACA,mDAGAC,eArEA,WAqEA,WACA,8BAAAC,yBACA,2DACA,mCAEA,OADA,kBACA,WAGA,wCACA,SACA,MAEA,MACA,SAFAC,gDAEA,EACAA,qCAEAA,WAGA,uBAEA,sCACA,sCAEA,mBAAAD,wBACAE,oBACA,6CACA,IACA,6BACAC,aACA,gDACAC,6BAGA,UAEA,wBAGAC,SA5GA,WA6GA,kCAAAC,2BAAAC,yBACA,qDACA,yEACAC,WACAC,qCACAC,uBAEA,qEACAF,WACAC,qCACAC,uBAGAhC,mBACA,CACAiC,4BACAC,iBAHA,kBAKA,wEACA,CAAAZ,uBAAAa,eACAC,MAAA,WAGAC,uBApIA,WAqIA,gCAEA,qBACA,IACA,EADA,KAEA,WACA,oBACAC,WAGA,OAAAC,eAAAD,aAAAE,6CAGA,wCAEA,gCACA,+BAGArD,iBAxJA,YAyJA,8CACA,oBAGA,gBACAsD,0BAEA,yCAGA,mCAIAC,UACA7D,MADA,WAEA,+BAGA8D,UALA,WAMA,wDAGAC,eATA,WAUA,iCAGAC,OAbA,WAcA,+CClOoR,I,wBCQhRC,EAAY,eACd,EACA5E,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAuD,E","file":"js/chunk-d24fdfee.635b883d.js","sourcesContent":["export * from \"-!../../../../../mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../../../css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../../../vue-loader/lib/loaders/stylePostLoader.js!../../../../../postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./InfoMap.vue?vue&type=style&index=0&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('b-card',{staticClass:\"mt-5\",attrs:{\"no-body\":\"\"},scopedSlots:_vm._u([(_vm.title || true)?{key:\"header\",fn:function(){return [_c('h4',[_c('span',[_vm._v(_vm._s(_vm.title))]),_vm._v(\" \"),_c('i',{staticClass:\"fa fa-expand-alt\",on:{\"click\":_vm.toggleFullScreen}})])]},proxy:true}:null],null,true)},[_c('div',{ref:\"mapWidget\",staticStyle:{\"width\":\"100%\",\"height\":\"700px\"},attrs:{\"id\":\"mapWidget\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<b-card class=\"mt-5\" no-body>\n\t\t<template v-if=\"title || true\" #header>\n\t\t\t<h4>\n\t\t\t\t<span>{{title}}</span> <i @click=\"toggleFullScreen\" class=\"fa fa-expand-alt\"></i>\n\t\t\t</h4>\n\t\t</template>\n\t\t<div ref=\"mapWidget\" id=\"mapWidget\" style=\"width: 100%; height: 700px;\"></div>\n\t</b-card>\n</template>\n\n<script>\nimport L from 'leaflet/dist/leaflet'\nimport 'leaflet/dist/leaflet.css'\n\nimport \"leaflet-draw\";\nimport \"leaflet-draw/dist/leaflet.draw.css\";\nimport {DEFAULT_MAP_CENTER} from \"@Platon/const\";\nimport LeafletDrawUz from \"@Platon/external/map/DrawingToolbarUz.js\";\nimport {Color} from 'highcharts'\n\nexport default {\n\tname: \"WidgetInfoMap\",\n\n\tprops: {\n\t\toptions: {\n\t\t\trequired: true,\n\t\t},\n\t},\n\n\tdata() {\n\t\treturn {\n\t\t\tfullScreen: false,\n\t\t\tinfoControl: null,\n\t\t}\n\t},\n\n\tcreated() {\n\t\tL.drawLocal = LeafletDrawUz\n\t},\n\n\tmounted() {\n\t\tthis.renderMap();\n\t},\n\n\tmethods: {\n\t\trenderMap() {\n\t\t\tthis.setupMap();\n\t\t\tthis.initInfoContol();\n\t\t\tthis.renderPolygonFromInput();\n\t\t},\n\n\t\tgetMapCenter() {\n\t\t\treturn new L.LatLng(...this.mapCenter)\n\t\t},\n\n\t\tgetMapZoom() {\n\t\t\tlet zoom = Number(this.defaultMapZoom)\n\n\t\t\tif (Number.isInteger(zoom)) {\n\t\t\t\treturn zoom\n\t\t\t}\n\n\t\t\treturn 13\n\t\t},\n\n\t\tgetColor(value) {\n\t\t\tlet data = (this.options.polygons || []).map(o => o[this.options.valueField])\n\n\t\t\tlet max = Math.max(...data)\n\t\t\tlet min = Math.min(...data)\n\n\t\t\treturn Color.parse(this.colors[0]).tweenTo(Color.parse(this.colors[1]), /* 0-1 */  value / (max - min))\n\t\t},\n\n\t\trenderPolygonFromJson(geoJson) {\n\t\t\tlet json = new L.GeoJSON(geoJson, {\n\t\t\t\tonEachFeature: (feature, layer) => {\n\t\t\t\t\tlayer.addTo(this.drawingLayer);\n\t\t\t\t\tlet seeArea = (L.GeometryUtil.geodesicArea(layer.getLatLngs()[0]) / 10000).toFixed(2);\n\n\t\t\t\t\tlayer.on({\n\t\t\t\t\t\tmouseover: (e) => {\n\t\t\t\t\t\t\tvar layer = e.target;\n\t\t\t\t\t\t\tlayer._map.infoControl.updateInfo(layer.feature.properties)\n\t\t\t\t\t\t\tlayer.setStyle({weight: 2, fillOpacity: 0.7})\n\t\t\t\t\t\t\tif (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {\n\t\t\t\t\t\t\t\tlayer.bringToFront();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t},\n\t\t\t\t\t\tmouseout: (e) => {\n\t\t\t\t\t\t\tvar layer = e.target;\n\t\t\t\t\t\t\tlayer._map.infoControl.updateInfo()\n\t\t\t\t\t\t\tlayer.setStyle({weight: 1, fillOpacity: 0.5})\n\t\t\t\t\t\t\tif (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {\n\t\t\t\t\t\t\t\tlayer.bringToFront();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t})\n\t\t\t\t},\n\t\t\t\tstyle: (feature) => {\n\t\t\t\t\treturn {\n\t\t\t\t\t\tfillColor: this.getColor(feature.properties[this.options.valueField]),\n\t\t\t\t\t\tweight: 1,\n\t\t\t\t\t\topacity: 1,\n\t\t\t\t\t\tcolor: this.getColor(feature.properties[this.options.valueField] * 1.1),\n\t\t\t\t\t\tfillOpacity: 0.5\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t});\n\t\t\tjson.infoControl = this.infoControl\n\t\t\tthis.map.fitBounds(this.drawingLayer.getBounds());\n\t\t},\n\n\t\tinitInfoContol() {\n\t\t\tthis.infoControl = L.control({position: 'bottomright'});\n\t\t\tthis.infoControl._div = L.DomUtil.create('div', 'areaInfo')\n\t\t\tthis.infoControl.onAdd = function (map) {\n\t\t\t\tthis.updateInfo()\n\t\t\t\treturn this._div;\n\t\t\t}\n\n\t\t\tthis.infoControl.updateInfo = function (props) {\n\t\t\t\tlet html = ''\n\t\t\t\tif (props) {\n\t\t\t\t\thtml = '<div class=\"dataHolder\"><h4>Малумотлар</h4>'\n\t\t\t\t\tlet field\n\t\t\t\t\tfor (field in props) {\n\t\t\t\t\t\thtml += '<h6><b>' + field + '</b>: ' + props[field] + '</h6>'\n\t\t\t\t\t}\n\t\t\t\t\thtml += '<div>'\n\t\t\t\t}\n\n\t\t\t\tthis._div.innerHTML = html\n\t\t\t}\n\t\t\tthis.map.infoControl = this.infoControl\n\t\t\tthis.map.addControl(this.infoControl)\n\n\t\t\tvar legend = L.control({position: 'bottomleft'})\n\t\t\tlegend.onAdd = (map) => {\n\t\t\t\tlet div = L.DomUtil.create('div', 'infoLegend')\n\t\t\t\tlet i = 0\n\t\t\t\tfor (i = 0; i < [1, 3, 4].length; i++) {\n\t\t\t\t\tdiv.innerHTML +=\n\t\t\t\t\t\t'<i style=\"background:' + this.getColor(i) + '\"></i> ' +\n\t\t\t\t\t\ti + (i ? '&ndash;' + i + '<br>' : '+');\n\t\t\t\t}\n\n\t\t\t\treturn div;\n\t\t\t};\n\t\t\tthis.map.addControl(legend)\n\t\t},\n\n\t\tsetupMap() {\n\t\t\tthis.map = new L.Map('mapWidget', {center: this.getMapCenter(), zoom: this.getMapZoom()});\n\t\t\tthis.drawingLayer = L.featureGroup().addTo(this.map);\n\t\t\tlet googleSat = L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}', {\n\t\t\t\tmaxZoom: 20,\n\t\t\t\tsubdomains: ['mt0', 'mt1', 'mt2', 'mt3'],\n\t\t\t\tattribution: 'google'\n\t\t\t});\n\t\t\tlet googleStreets = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}', {\n\t\t\t\tmaxZoom: 20,\n\t\t\t\tsubdomains: ['mt0', 'mt1', 'mt2', 'mt3'],\n\t\t\t\tattribution: 'google'\n\t\t\t});\n\n\t\t\tL.control.layers(\n\t\t\t\t{\n\t\t\t\t\tgoogleSat: googleSat.addTo(this.map),\n\t\t\t\t\tgoogleStreets,\n\t\t\t\t},\n\t\t\t\t{[this.$l('platon.mappolygon.drawinglayer', 'Чизмалар')]: this.drawingLayer},\n\t\t\t\t{position: 'bottomright', collapsed: false}\n\t\t\t).addTo(this.map);\n\t\t},\n\n\t\trenderPolygonFromInput() {\n\t\t\tlet polygonData = this.options.polygons || []\n\n\t\t\tlet featureCollection = polygonData.map(polygon => {\n\t\t\t\tlet properties = {}\n\t\t\t\tlet field\n\t\t\t\tfor (field in polygon) {\n\t\t\t\t\tif (field !== 'geo_polygon') {\n\t\t\t\t\t\tproperties[field] = polygon[field]\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn {type: \"Feature\", properties, geometry: JSON.parse(polygon.geo_polygon.value)}\n\t\t\t})\n\n\t\t\tlet geoJSON = {\"type\": \"FeatureCollection\", \"features\": featureCollection};\n\n\t\t\tthis.drawingLayer.clearLayers();\n\t\t\tthis.renderPolygonFromJson(geoJSON)\n\t\t},\n\n\t\ttoggleFullScreen() {\n\t\t\tif (!document.fullscreenElement && this.fullScreen) {\n\t\t\t\tthis.fullScreen = false\n\t\t\t}\n\n\t\t\tif (this.fullScreen) {\n\t\t\t\tdocument.exitFullscreen();\n\t\t\t} else {\n\t\t\t\tthis.$refs.mapWidget.requestFullscreen();\n\t\t\t}\n\n\t\t\tthis.fullScreen = !this.fullScreen;\n\t\t},\n\t},\n\n\tcomputed: {\n\t\ttitle() {\n\t\t\treturn this.options.title || ''\n\t\t},\n\n\t\tmapCenter() {\n\t\t\treturn this.options.mapCenter || DEFAULT_MAP_CENTER\n\t\t},\n\n\t\tdefaultMapZoom() {\n\t\t\treturn this.options.mapZoom || 11\n\t\t},\n\n\t\tcolors() {\n\t\t\treturn this.options.colors || ['#fff', '#00f']\n\t\t}\n\t},\n}\n</script>\n\n<style>\n\t.areaInfo {\n\t\tbackground: white;\n\t\tpadding: 16px;\n\t}\n</style>\n","import mod from \"-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./InfoMap.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../cache-loader/dist/cjs.js??ref--13-0!../../../../../babel-loader/lib/index.js!../../../../../cache-loader/dist/cjs.js??ref--1-0!../../../../../vue-loader/lib/index.js??vue-loader-options!./InfoMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InfoMap.vue?vue&type=template&id=9aadad0e&\"\nimport script from \"./InfoMap.vue?vue&type=script&lang=js&\"\nexport * from \"./InfoMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./InfoMap.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../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":""}