{"version":3,"sources":["webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/MapPolygon.vue?9abf","webpack:///node_modules/@realsoft/platon-core/src/components/form/controls/MapPolygon.vue","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/MapPolygon.vue?2403","webpack:///./node_modules/@realsoft/platon-core/src/components/form/controls/MapPolygon.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","attrs","staticRenderFns","name","mixins","data","drawingLayer","externalPolygonLayer","map","drawing","props","edit","type","default","defaultMapCenter","defaultMapZoom","extraPolygons","extraPolygonStyle","fillColor","color","isMultiple","created","L","mounted","methods","renderMap","getMapCenter","getMapZoom","renderPolygonFromJson","geoJson","onEachFeature","layer","addDrawingControl","featureGroup","poly","allowIntersection","draw","polyline","polygon","showArea","drawError","timeout","shapeOptions","circle","circlemarker","marker","rectangle","setupMap","center","zoom","maxZoom","subdomains","attribution","googleSat","googleStreets","position","collapsed","addTo","getVolumeOfShapeByLatLng","latLng","registerMapEvents","layers","seeArea","renderPolygonFromInput","emitValue","geometry","saveHec","hec","getAreaFromSelected","area","renderExternalPolygonFromJson","style","permanent","direction","watch","value","handler","val","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,CAAC,MAAQ,OAAO,OAAS,kBAAkBC,MAAM,CAAC,GAAK,UACzKC,EAAkB,G,2LCcP,GACfC,kBAEAC,gBAEAC,KALA,WAMA,OACAC,kBACAC,0BACAC,SACAC,aAIAC,OACAC,MACAC,aACAC,YAEAC,oBACAC,kBACAC,iBACAC,mBACAJ,mBAAA,OASAK,+BACAC,mBAGAC,YACAR,aACAC,aAIAQ,QA1CA,WA2CAC,sBAGAC,QA9CA,WA+CA,kBAGAC,SACAC,UADA,WAEA,gBAEA,WACA,yBAEA,yBACA,qCACA,+BAGAC,aAZA,WAaA,IACA,mFACA,SACA,4EAIAC,WApBA,WAqBA,kCAEA,2BACA,EAGA,IAGAC,sBA9BA,SA8BAC,GAAA,WACA,mBACAC,4BACAC,yBACA,oEAMA,mDAGAC,kBA3CA,WA4CA,0CACArB,MACAsB,+BACAC,MACAC,uBAGAC,MACAC,YACAC,SACAH,qBACAI,YACAC,WACArB,gBACAsB,aAEAC,iBAIAC,UACAC,gBACAC,UACAC,kBAKAC,SAxEA,WAwEA,MAEA,4BAAAC,2BAAAC,yBACA,qDACA,6DAEA,yEACAC,WACAC,qCACAC,uBAGA,qEACAF,WACAC,qCACAC,uBAGA,qEACAF,WACAE,mGAGA9B,mBACA,CACA,sBACA+B,YACAC,kBAJA,sBAOA,wEAPA,iBAQA,8FARA,GAUA,CAAAC,oBAAAC,eACAC,MAAA,WAEAC,yBA5GA,SA4GAC,GACA,0DAGAC,kBAhHA,WAgHA,WACA,WAEApD,yCACA,2CACA,gBACA,UAEA,2BACA,oDAEA,gBAGAA,2CACA,gBAGAA,0CACA,aACA,iBAGAA,2CACA,gBAGAA,0CACA,aACA,iBAGAA,yCACA,aACA,iBAGAA,wCACA,IAEA,EAFA,WAGAqD,yBACAC,oEAEA,oBAMAC,uBAlKA,WAmKA,eAIA,wDAEA,qBACA,mDAGA,wCAEA,gCACA,gCAGAC,UAnLA,WAoLA,IAGA,EAHA,gCAEA,gDAGA,mEACAC,uBAEA,sBACA,yDAEA,yBACA,gCAIAC,QApMA,SAoMAC,KAMAC,oBA1MA,WA0MA,WACA,IAMA,OAJA,yCACAC,oDAGA,GAGAC,8BApNA,WAoNA,WACA,qBAEA,YAGA,4CAEA,mBACAC,6BACAzC,4BACA,SACAC,uBAAAyC,aAAAC,qBAAA,cAGA1C,mCAIA,YACA,6DAKA2C,OACAC,OACAC,QADA,WAEA,gBACA,gCAKA5D,eACA4D,QADA,WAEA,gBACA,uCAKAnE,QAjBA,SAiBAoE,GACA,2BChUmS,I,YCO/RC,EAAY,eACd,EACArF,EACAS,GACA,EACA,KACA,KACA,MAIa,aAAA4E,E","file":"js/chunk-2d0f07a2.b0c04a2d.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"width\":\"100%\",\"border\":\"1px solid #ccc\"},attrs:{\"id\":\"map\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n\t<div id=\"map\" style=\"width: 100%; border: 1px solid #ccc\"></div>\n</template>\n\n<script>\n\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 InputControlMixin from \"@Platon/mixins/InputControlMixin\";\nimport LeafletDrawUz from \"@Platon/external/map/DrawingToolbarUz.js\";\n\nexport default {\n\tname: \"MapPolygon\",\n\n\tmixins: [InputControlMixin],\n\n\tdata() {\n\t\treturn {\n\t\t\tdrawingLayer: null,\n\t\t\texternalPolygonLayer: null,\n\t\t\tmap: null,\n\t\t\tdrawing: false,\n\t\t}\n\t},\n\n\tprops: {\n\t\tedit: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: true\n\t\t},\n\t\tdefaultMapCenter: {},\n\t\tdefaultMapZoom: {},\n\t\textraPolygons: {},\n\t\textraPolygonStyle: {\n\t\t\tdefault: () => ({\n\t\t\t\t// const exampleStyle = {\n\t\t\t\t// \tweight: 2,\n\t\t\t\t// \topacity: 1,\n\t\t\t\t// \tcolor: 'red',\n\t\t\t\t// \tfillOpacity: 0.7,\n\t\t\t\t// \tfillColor: 'red'\n\t\t\t\t// }\n\n\t\t\t\tfillColor: 'rgba(255,0,0,0.35)',\n\t\t\t\tcolor: '#ff0000',\n\t\t\t})\n\t\t},\n\t\tisMultiple: {\n\t\t\ttype: Boolean,\n\t\t\tdefault: false\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\n\t\t\tif (this.edit)\n\t\t\t\tthis.addDrawingControl();\n\n\t\t\tthis.registerMapEvents();\n\t\t\tthis.renderExternalPolygonFromJson()\n\t\t\tthis.renderPolygonFromInput();\n\t\t},\n\n\t\tgetMapCenter() {\n\t\t\ttry {\n\t\t\t\treturn new L.LatLng(...this.defaultMapCenter.split(\",\"))\n\t\t\t} catch (e) {\n\t\t\t\treturn new L.LatLng(...DEFAULT_MAP_CENTER)\n\t\t\t}\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\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\t\t\t\t\t//console.log(seeArea);\n\t\t\t\t\t// saveHec(seeArea);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tthis.map.fitBounds(this.drawingLayer.getBounds());\n\t\t},\n\n\t\taddDrawingControl() {\n\t\t\tthis.map.addControl(new L.Control.Draw({\n\t\t\t\tedit: {\n\t\t\t\t\tfeatureGroup: this.drawingLayer,\n\t\t\t\t\tpoly: {\n\t\t\t\t\t\tallowIntersection: false\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t\tdraw: {\n\t\t\t\t\tpolyline: false,\n\t\t\t\t\tpolygon: {\n\t\t\t\t\t\tallowIntersection: false,\n\t\t\t\t\t\tshowArea: true,\n\t\t\t\t\t\tdrawError: {\n\t\t\t\t\t\t\tcolor: '#b00b00',\n\t\t\t\t\t\t\ttimeout: 1000\n\t\t\t\t\t\t},\n\t\t\t\t\t\tshapeOptions: {\n\t\t\t\t\t\t\t// color: '#bada55'\n\t\t\t\t\t\t}\n\t\t\t\t\t},\n\t\t\t\t\tcircle: false,\n\t\t\t\t\tcirclemarker: false,\n\t\t\t\t\tmarker: false,\n\t\t\t\t\trectangle: false\n\t\t\t\t}\n\t\t\t}));\n\t\t},\n\n\t\tsetupMap() {\n\n\t\t\tthis.map = new L.Map('map', {center: this.getMapCenter(), zoom: this.getMapZoom()});\n\t\t\tthis.drawingLayer = L.featureGroup().addTo(this.map);\n\t\t\tthis.externalPolygonLayer = L.featureGroup().addTo(this.map);\n\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\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\tlet osm = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {\n\t\t\t\tmaxZoom: 18,\n\t\t\t\tattribution: '&copy; <a href=\"http://openstreetmap.org/copyright\">OpenStreetMap</a> contributors'\n\t\t\t});\n\n\t\t\tL.control.layers(\n\t\t\t\t{\n\t\t\t\t\t'osm': osm.addTo(this.map),\n\t\t\t\t\tgoogleSat,\n\t\t\t\t\tgoogleStreets\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\t[this.$l('platon.mappolygon.drawinglayer', 'Чизмалар')]: this.drawingLayer,\n\t\t\t\t\t[this.$l('platon.mappolygon.externalpolygonlayer', 'Ташқи чизмалар')]: this.externalPolygonLayer\n\t\t\t\t},\n\t\t\t\t{position: 'topright', collapsed: false}\n\t\t\t).addTo(this.map);\n\t\t},\n\t\tgetVolumeOfShapeByLatLng(latLng) {\n\t\t\treturn +(L.GeometryUtil.geodesicArea(latLng) / 10000).toFixed(2);\n\t\t},\n\n\t\tregisterMapEvents() {\n\t\t\tlet map = this.map;\n\n\t\t\tmap.on(L.Draw.Event.CREATED, (e) => {\n\t\t\t\tif (!this.isMultiple) this.drawingLayer.clearLayers();\n\t\t\t\tlet type = e.layerType;\n\t\t\t\tlet layer = e.layer;\n\n\t\t\t\tthis.drawingLayer.addLayer(layer);\n\t\t\t\tvar seeArea = this.getVolumeOfShapeByLatLng(layer.getLatLngs()[0])\n\t\t\t\t//console.log(seeArea);\n\t\t\t\tthis.saveHec(seeArea);\n\t\t\t});\n\n\t\t\tmap.on(L.Draw.Event.DRAWSTART, (e) => {\n\t\t\t\tthis.drawing = true\n\t\t\t});\n\n\t\t\tmap.on(L.Draw.Event.DRAWSTOP, (e) => {\n\t\t\t\tthis.drawing = false\n\t\t\t\tthis.emitValue();\n\t\t\t});\n\n\t\t\tmap.on(L.Draw.Event.EDITSTART, (e) => {\n\t\t\t\tthis.drawing = true\n\t\t\t});\n\n\t\t\tmap.on(L.Draw.Event.EDITSTOP, (e) => {\n\t\t\t\tthis.drawing = false\n\t\t\t\tthis.emitValue();\n\t\t\t});\n\n\t\t\tmap.on(L.Draw.Event.DELETED, (e) => {\n\t\t\t\tthis.drawing = false\n\t\t\t\tthis.emitValue();\n\t\t\t});\n\n\t\t\tmap.on(L.Draw.Event.EDITED, (e) => {\n\t\t\t\tvar layers = e.layers;\n\t\t\t\tvar countOfEditedLayers = 0;\n\t\t\t\tvar seeArea;\n\t\t\t\tlayers.eachLayer((layer) => {\n\t\t\t\t\tseeArea = (L.GeometryUtil.geodesicArea(layer.getLatLngs()[0]) / 10000).toFixed(2);\n\n\t\t\t\t\tthis.saveHec(seeArea);\n\t\t\t\t\tcountOfEditedLayers++;\n\t\t\t\t});\n\t\t\t});\n\t\t},\n\n\t\trenderPolygonFromInput() {\n\t\t\tif (!this.value)\n\t\t\t\treturn;\n\n\n\t\t\tlet polygonData = Array.isArray(this.value) ? this.value : [this.value];\n\n\t\t\tlet featureCollection = polygonData.map(p => {\n\t\t\t\treturn {\"type\": \"Feature\", \"properties\": {}, \"geometry\": p}\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\temitValue() {\n\t\t\tlet geo = this.drawingLayer.toGeoJSON();\n\n\t\t\tif (Array.isArray(geo.features) && geo.features.length > 0) {\n\t\t\t\tlet geometry\n\n\t\t\t\tif (this.isMultiple) geometry = geo.features.map(f => f.geometry)\n\t\t\t\telse geometry = geo.features[0].geometry\n\n\t\t\t\tthis.$emit('input', geometry)\n\t\t\t\tthis.$emit('selected-area', this.getAreaFromSelected())\n\t\t\t} else {\n\t\t\t\tthis.$emit('input', null)\n\t\t\t\tthis.$emit('selected-area', 0)\n\t\t\t}\n\t\t},\n\n\t\tsaveHec(hec) {\n\t\t\t// console.log(`Area ${hec}`)\n\t\t\t// saves area\n\t\t\t// document.getElementById(\"asquare\").value = hec;\n\t\t},\n\n\t\tgetAreaFromSelected() {\n\t\t\tlet area = 0\n\n\t\t\tthis.drawingLayer.eachLayer((layer) => {\n\t\t\t\tarea += this.getVolumeOfShapeByLatLng(layer.getLatLngs()[0])\n\t\t\t})\n\n\t\t\treturn area\n\t\t},\n\n\t\trenderExternalPolygonFromJson() {\n\t\t\tconst polygons = this.extraPolygons\n\n\t\t\tif (polygons == null)\n\t\t\t\treturn;\n\n\t\t\tlet geoJSON = {\"type\": \"FeatureCollection\", \"features\": polygons};\n\n\t\t\tlet json = new L.GeoJSON(geoJSON, {\n\t\t\t\tstyle: this.extraPolygonStyle,\n\t\t\t\tonEachFeature: (feature, layer) => {\n\t\t\t\t\tif (feature.label) {\n\t\t\t\t\t\tlayer.bindTooltip(feature.label, {permanent: true, direction: \"center\"}).openTooltip()\n\t\t\t\t\t}\n\n\t\t\t\t\tlayer.addTo(this.externalPolygonLayer);\n\t\t\t\t}\n\t\t\t});\n\n\t\t\tif (!this.value) {\n\t\t\t\tthis.map.fitBounds(this.externalPolygonLayer.getBounds());\n\t\t\t}\n\t\t},\n\t},\n\n\twatch: {\n\t\tvalue: {\n\t\t\thandler() {\n\t\t\t\tif (this.map != null) {\n\t\t\t\t\tthis.renderPolygonFromInput();\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\n\t\textraPolygons: {\n\t\t\thandler() {\n\t\t\t\tif (this.map != null) {\n\t\t\t\t\tthis.renderExternalPolygonFromJson();\n\t\t\t\t}\n\t\t\t},\n\t\t},\n\n\t\tdrawing(val) {\n\t\t\tthis.$emit('drawing', val)\n\t\t}\n\t}\n}\n</script>\n\n<style>\n\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!./MapPolygon.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!./MapPolygon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapPolygon.vue?vue&type=template&id=1d75bf54&\"\nimport script from \"./MapPolygon.vue?vue&type=script&lang=js&\"\nexport * from \"./MapPolygon.vue?vue&type=script&lang=js&\"\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":""}