{"version":3,"sources":["webpack:///./src/components/widgets/InfoMap.vue?258f","webpack:///src/components/widgets/InfoMap.vue","webpack:///./src/components/widgets/InfoMap.vue?9228","webpack:///./src/components/widgets/InfoMap.vue","webpack:///./src/components/widgets/InfoMap.vue?a6cd"],"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","renderPolygonFromJson","onEachFeature","layer","mouseover","weight","fillOpacity","mouseout","style","fillColor","opacity","color","json","initInfoContol","position","html","legend","div","setupMap","center","zoom","maxZoom","subdomains","attribution","layers","googleSat","googleStreets","collapsed","addTo","renderPolygonFromInput","properties","type","geometry","features","document","computed","mapCenter","defaultMapZoom","colors","component"],"mappings":"uHAAA,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,mICoBP,GACfC,qBAEAC,OACAC,SACAC,cAIAC,OACA,OACAC,cACAC,mBAIAC,UACAC,sBAGAC,UACA,kBAGAC,SACAC,YACA,gBACA,sBACA,+BAGAC,eACA,4CAGAC,aACA,kCAEA,2BACA,EAGA,IAGAC,YACA,qEAEA,8BACA,8BAEA,2FAGAC,yBACA,yBACAC,sBACAC,4BACA,iEAEAA,MACAC,cACA,eACAD,oDACAA,YAAAE,SAAAC,iBACA,qDACAH,kBAGAI,aACA,eACAJ,gCACAA,YAAAE,SAAAC,iBACA,qDACAH,qBAKAK,UACA,CACAC,+DACAJ,SACAK,UACAC,+DACAL,mBAIAM,+BACA,mDAGAC,iBACA,8BAAAC,yBACA,2DACA,mCAEA,OADA,kBACA,WAGA,wCACA,SACA,MAEA,MACA,SAFAC,gDAEA,EACAA,qCAEAA,WAGA,uBAEA,sCACA,sCAEA,mBAAAD,wBACAE,YACA,6CACA,IACA,6BACAC,aACA,gFAGA,UAEA,wBAGAC,WACA,kCAAAC,2BAAAC,yBACA,qDACA,yEACAC,WACAC,qCACAC,uBAEA,qEACAF,WACAC,qCACAC,uBAGA7B,YACA8B,OACA,CACAC,4BACAC,iBAEA,2EACA,CAAAZ,uBAAAa,eAEAC,iBAGAC,yBACA,gCAEA,YACA,IACA,EADA,KAEA,WACA,oBACAC,WAGA,OAAAC,eAAAD,aAAAE,4CAGA,GAAAD,yBAAAE,YAEA,gCACA,+BAGApD,oBACA,8CACA,oBAGA,gBACAqD,0BAEA,yCAGA,mCAIAC,UACA5D,QACA,+BAGA6D,YACA,wDAGAC,iBACA,iCAGAC,SACA,+CCnOgW,I,wBCQ5VC,EAAY,eACd,EACA3E,EACAqB,GACA,EACA,KACA,KACA,MAIa,aAAAsD,E,6CCnBf,W","file":"js/chunk-3ef7ef87.752f7cb1.js","sourcesContent":["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    <b-card class=\"mt-5\" no-body>\n        <template v-if=\"title || true\" #header>\n            <h4>\n                <span>{{ title }}</span> <i @click=\"toggleFullScreen\" class=\"fa fa-expand-alt\"></i>\n            </h4>\n        </template>\n        <div ref=\"mapWidget\" id=\"mapWidget\" style=\"width: 100%; height: 700px\"></div>\n    </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    name: \"WidgetInfoMap\",\n\n    props: {\n        options: {\n            required: true\n        }\n    },\n\n    data() {\n        return {\n            fullScreen: false,\n            infoControl: null\n        }\n    },\n\n    created() {\n        L.drawLocal = LeafletDrawUz\n    },\n\n    mounted() {\n        this.renderMap()\n    },\n\n    methods: {\n        renderMap() {\n            this.setupMap()\n            this.initInfoContol()\n            this.renderPolygonFromInput()\n        },\n\n        getMapCenter() {\n            return new L.LatLng(...this.mapCenter)\n        },\n\n        getMapZoom() {\n            let zoom = Number(this.defaultMapZoom)\n\n            if (Number.isInteger(zoom)) {\n                return zoom\n            }\n\n            return 13\n        },\n\n        getColor(value) {\n            let data = (this.options.polygons || []).map((o) => o[this.options.valueField])\n\n            let max = Math.max(...data)\n            let min = Math.min(...data)\n\n            return Color.parse(this.colors[0]).tweenTo(Color.parse(this.colors[1]), /* 0-1 */ value / (max - min))\n        },\n\n        renderPolygonFromJson(geoJson) {\n            let json = new L.GeoJSON(geoJson, {\n                onEachFeature: (feature, layer) => {\n                    layer.addTo(this.drawingLayer)\n                    let seeArea = (L.GeometryUtil.geodesicArea(layer.getLatLngs()[0]) / 10000).toFixed(2)\n\n                    layer.on({\n                        mouseover: (e) => {\n                            var layer = e.target\n                            layer._map.infoControl.updateInfo(layer.feature.properties)\n                            layer.setStyle({ weight: 2, fillOpacity: 0.7 })\n                            if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {\n                                layer.bringToFront()\n                            }\n                        },\n                        mouseout: (e) => {\n                            var layer = e.target\n                            layer._map.infoControl.updateInfo()\n                            layer.setStyle({ weight: 1, fillOpacity: 0.5 })\n                            if (!L.Browser.ie && !L.Browser.opera && !L.Browser.edge) {\n                                layer.bringToFront()\n                            }\n                        }\n                    })\n                },\n                style: (feature) => {\n                    return {\n                        fillColor: this.getColor(feature.properties[this.options.valueField]),\n                        weight: 1,\n                        opacity: 1,\n                        color: this.getColor(feature.properties[this.options.valueField] * 1.1),\n                        fillOpacity: 0.5\n                    }\n                }\n            })\n            json.infoControl = this.infoControl\n            this.map.fitBounds(this.drawingLayer.getBounds())\n        },\n\n        initInfoContol() {\n            this.infoControl = L.control({ position: \"bottomright\" })\n            this.infoControl._div = L.DomUtil.create(\"div\", \"areaInfo\")\n            this.infoControl.onAdd = function (map) {\n                this.updateInfo()\n                return this._div\n            }\n\n            this.infoControl.updateInfo = function (props) {\n                let html = \"\"\n                if (props) {\n                    html = '<div class=\"dataHolder\"><h4>Малумотлар</h4>'\n                    let field\n                    for (field in props) {\n                        html += \"<h6><b>\" + field + \"</b>: \" + props[field] + \"</h6>\"\n                    }\n                    html += \"<div>\"\n                }\n\n                this._div.innerHTML = html\n            }\n            this.map.infoControl = this.infoControl\n            this.map.addControl(this.infoControl)\n\n            var legend = L.control({ position: \"bottomleft\" })\n            legend.onAdd = (map) => {\n                let div = L.DomUtil.create(\"div\", \"infoLegend\")\n                let i = 0\n                for (i = 0; i < [1, 3, 4].length; i++) {\n                    div.innerHTML +=\n                        '<i style=\"background:' + this.getColor(i) + '\"></i> ' + i + (i ? \"&ndash;\" + i + \"<br>\" : \"+\")\n                }\n\n                return div\n            }\n            this.map.addControl(legend)\n        },\n\n        setupMap() {\n            this.map = new L.Map(\"mapWidget\", { center: this.getMapCenter(), zoom: this.getMapZoom() })\n            this.drawingLayer = L.featureGroup().addTo(this.map)\n            let googleSat = L.tileLayer(\"http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}\", {\n                maxZoom: 20,\n                subdomains: [\"mt0\", \"mt1\", \"mt2\", \"mt3\"],\n                attribution: \"google\"\n            })\n            let googleStreets = L.tileLayer(\"http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}\", {\n                maxZoom: 20,\n                subdomains: [\"mt0\", \"mt1\", \"mt2\", \"mt3\"],\n                attribution: \"google\"\n            })\n\n            L.control\n                .layers(\n                    {\n                        googleSat: googleSat.addTo(this.map),\n                        googleStreets\n                    },\n                    { [this.$l(\"platon.mappolygon.drawinglayer\", \"Чизмалар\")]: this.drawingLayer },\n                    { position: \"bottomright\", collapsed: false }\n                )\n                .addTo(this.map)\n        },\n\n        renderPolygonFromInput() {\n            let polygonData = this.options.polygons || []\n\n            let featureCollection = polygonData.map((polygon) => {\n                let properties = {}\n                let field\n                for (field in polygon) {\n                    if (field !== \"geo_polygon\") {\n                        properties[field] = polygon[field]\n                    }\n                }\n                return { type: \"Feature\", properties, geometry: JSON.parse(polygon.geo_polygon.value) }\n            })\n\n            let geoJSON = { type: \"FeatureCollection\", features: featureCollection }\n\n            this.drawingLayer.clearLayers()\n            this.renderPolygonFromJson(geoJSON)\n        },\n\n        toggleFullScreen() {\n            if (!document.fullscreenElement && this.fullScreen) {\n                this.fullScreen = false\n            }\n\n            if (this.fullScreen) {\n                document.exitFullscreen()\n            } else {\n                this.$refs.mapWidget.requestFullscreen()\n            }\n\n            this.fullScreen = !this.fullScreen\n        }\n    },\n\n    computed: {\n        title() {\n            return this.options.title || \"\"\n        },\n\n        mapCenter() {\n            return this.options.mapCenter || DEFAULT_MAP_CENTER\n        },\n\n        defaultMapZoom() {\n            return this.options.mapZoom || 11\n        },\n\n        colors() {\n            return this.options.colors || [\"#fff\", \"#00f\"]\n        }\n    }\n}\n</script>\n\n<style>\n.areaInfo {\n    background: white;\n    padding: 16px;\n}\n</style>\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!./InfoMap.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!./InfoMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./InfoMap.vue?vue&type=template&id=629f476a&\"\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&id=629f476a&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/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./InfoMap.vue?vue&type=style&index=0&id=629f476a&prod&lang=css&\""],"sourceRoot":""}