{"version":3,"sources":["webpack:///./src/components/BaseMap.vue?a93e","webpack:///src/components/BaseMap.vue","webpack:///./src/components/BaseMap.vue?ea67","webpack:///./src/components/BaseMap.vue","webpack:///./src/components/BaseMap.vue?4ab2"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","width","height","attrs","staticRenderFns","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACF,EAAG,MAAM,CAACE,YAAY,MAAMC,MAAO,SAASP,EAAIQ,MAAM,aAAaR,EAAIS,OAAO,KAAMC,MAAM,CAAC,GAAK,YAC3NC,EAAkB,G,iECStB,G,UAAA,CACE,KAAF,WACE,MAAF,6BACE,KAHF,WAII,MAAJ,CACM,QAAN,KACM,YAAN,KACM,SAAN,CACQ,QAAR,MAIE,QAZF,WAaI,KAAJ,WAEE,QAfF,WAgBI,KAAJ,WAEE,SAAF,GAGE,WAAF,GAGE,QAAF,CACI,QADJ,WAGM,OAAN,GACQ,KAAR,EACU,KAAV,cACU,MACF,KAAR,EACU,KAAV,oBACU,MACF,KAAR,EACU,KAAV,cACU,MACF,QACE,KAAV,gBAII,YAlBJ,WAmBM,KAAN,uBACQ,IAAR,iBACQ,OAAR,MACQ,QAAR,GACQ,KAAR,EACQ,aAAR,IAEM,IAAN,2EACM,OAAN,OAAM,CAAN,wBAGI,kBA9BJ,WA+BM,IAAN,gCACA,qEAAQ,QAAR,IACA,yEAAQ,QAAR,IACM,KAAN,uBAEQ,OAAR,MACQ,QAAR,GACQ,KAAR,EACQ,aAAR,EACQ,OAAR,MAEM,IAAN,GAAQ,MAAR,EAAQ,UAAR,GACM,EAAN,yCAGI,YA9CJ,WA+CM,IAAN,OACA,6DACA,qDACM,KAAN,uBACQ,OAAR,SACQ,KAAR,IAEM,OAAN,OAAM,CAAN,uBAEM,IAAN,uBACM,KAAN,oBACM,IAAN,GACQ,SAAR,UACQ,KAAR,CAEU,SAAV,GAEU,QAAV,GAEU,QAAV,EAEU,UAAV,GAEU,QAAV,EAEU,cAAV,EAEU,OAAV,IAEQ,KAAR,CACU,aAAV,EACU,QAAV,IAGA,0BACM,KAAN,sBAEM,KAAN,8CAEQ,IAAR,gBACQ,EAAR,4BAIM,KAAN,+CAEQ,IAAR,cACA,UAMQ,GAJR,cACU,EAAV,sBAGA,gBACU,IAAV,uBAEU,EAAV,mBAGQ,GAAR,eACU,IAAV,uBAEU,EAAV,mBAGQ,GAAR,iBACU,IAAV,uBAEU,EAAV,mBAGQ,EAAR,gBAII,QA1HJ,WA2HM,EAAN,sCAGI,YA9HJ,SA8HA,GAAM,IAAN,OACM,EAAN,qBACQ,IAAR,iBACQ,EAAR,qBAII,SArIJ,WAsIM,EAAN,uCAGI,aAzIJ,WA0IM,OAAN,0BC5KiV,I,wBCQ7UC,EAAY,eACd,EACAb,EACAY,GACA,EACA,KACA,WACA,MAIa,aAAAC,E,2CCnBf","file":"js/chunk-2ade4dbc.a47fc0b9.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"main\"},[_c('div',{staticClass:\"map\",style:('width:'+_vm.width+'px;height:'+_vm.height+'px'),attrs:{\"id\":\"map\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n    <div class=\"main\">\n        <div class=\"map\" id=\"map\" :style=\"'width:'+width+'px;height:'+height+'px'\"></div>\n    </div>\n</template>\n\n<script>\nimport L from 'leaflet';\nimport {tiledMapLayer} from '@supermap/iclient-leaflet';\nimport 'leaflet-draw'\nexport default {\n    name:'base-map',\n    props: ['width','height','mapType'],\n    data(){\n        return{\n            mapView:null,\n            resultLayer: null,\n            drawData: {\n                latLngs:[]\n            }\n        }\n    },\n    mounted(){\n        this.initMap()\n    },\n    created(){\n        this.initMap()\n    },\n    computed:{\n\n    },\n    components: {\n        \n    },\n    methods:{\n        initMap(){\n            console.log(\"地图初始化！\",this.width,this.height,this.mapType)\n            switch(3){\n                case 1:\n                    this.initBaseMap()\n                    break;\n                case 2:\n                    this.initLayerCheckMap()\n                    break;\n                case 3:\n                    this.initDrawMap()\n                    break;\n                default:\n                    this.initBaseMap();\n            }\n        },\n        //单个矢量瓦片图层\n        initBaseMap(){\n            this.mapView = L.map('map', {\n                crs: L.CRS.EPSG4326,\n                center: [0, 0],\n                maxZoom: 18,\n                zoom: 1,\n                zoomControl: false\n            });\n            var url = \"https://iserver.supermap.io/iserver/services/map-world/rest/maps/World\";\n            tiledMapLayer(url).addTo(this.mapView);\n        },\n        //图层切换\n        initLayerCheckMap(){\n            var url =\"https://iserver.supermap.io\";\n            var China = tiledMapLayer(url + '/iserver/services/map-china400/rest/maps/China',{noWrap:true});\n            var ChinaDark = tiledMapLayer(url + '/iserver/services/map-china400/rest/maps/ChinaDark', {noWrap:true});\n            this.mapView = L.map('map', {\n                // crs: L.CRS.EPSG4326,\n                center: [0, 0],\n                maxZoom: 18,\n                zoom: 1,\n                zoomControl: false,\n                layers:[China]\n            });\n            var baseMaps = { \"China\": China, \"ChinaDark\": ChinaDark };\n            L.control.layers(baseMaps).addTo(this.mapView);\n        },\n        //可绘制地图\n        initDrawMap(){\n            let thisVue = this\n            var host = window.isLocal ? window.server : \"https://iserver.supermap.io\";\n            var url = host + \"/iserver/services/map-china400/rest/maps/China\";\n            this.mapView = L.map('map', {\n                center: [33, 114],\n                zoom: 4\n            });\n            tiledMapLayer(url).addTo(this.mapView);\n\n            var editableLayers = new L.FeatureGroup();\n            this.mapView.addLayer(editableLayers);\n            var options = {\n                position: 'topleft',\n                draw: {\n                    //多线\n                    polyline: {},\n                    //多边形\n                    polygon: {},\n                    //圆圈\n                    circle: false,\n                    //矩形\n                    rectangle: {},\n                    //标记\n                    marker: false,\n                    //圆形标记\n                    circlemarker: false,\n                    //移除\n                    remove: {}\n                },\n                edit: {\n                    featureGroup: editableLayers,\n                    remove: true\n                }\n            };\n            var drawControl = new L.Control.Draw(options);\n            this.mapView.addControl(drawControl);\n            // this.handleMapEvent(drawControl._container, map);\n            this.mapView.on(L.Draw.Event.EDITED , function (e) {\n                console.log(\"CREATED\",e)\n                let layers = e.getLayers()\n                layers.forEach(e=>{\n                    console.log(e)\n                })\n            });\n            this.mapView.on(L.Draw.Event.CREATED, function (e) {\n                console.log(\"CREATED\",e)\n                var type = e.layerType,\n                    layer = e.layer;\n                //生成的是标记\n                if (type === 'marker') {\n                    layer.bindPopup('A popup!');\n                }\n                //生成的是多线\n                if(type ==='polyline'){\n                    let arr = e.layer.getLatLngs()\n                    console.log(arr)\n                    thisVue.drawData.latLngs = arr;\n                }\n                //生成的是多边型\n                if(type ==='polygon'){\n                    let arr = e.layer.getLatLngs()\n                    console.log(arr)\n                    thisVue.drawData.latLngs = arr;\n                }\n                //生成的是矩形\n                if(type ==='rectangle'){\n                    let arr = e.layer.getLatLngs()\n                    console.log(arr)\n                    thisVue.drawData.latLngs = arr;\n                }\n\n                editableLayers.addLayer(layer);\n            });\n        },\n        //添加zoom\n        addZoom(){\n            L.control.zoom().addTo(this.mapView);\n        },\n        //添加区块\n        addPolygons(arrs){\n            arrs.forEach(element => {\n                var polygon = L.polygon(element);\n                polygon.addTo(this.mapView);\n            });\n        },\n        //添加比例尺\n        addRuler(){\n            L.control.scale().addTo(this.mapView);\n        },\n        //获取画出来的点\n        getDrawPoint(){\n            return this.drawData.latLngs;\n        }\n\n    }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.map{\n    // width: 800px;\n    // height: 800px;\n    // background-color: red;\n}\n.sr-only {\n    display: none;\n  }\n</style>","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!./BaseMap.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!./BaseMap.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./BaseMap.vue?vue&type=template&id=6714a6d0&scoped=true&\"\nimport script from \"./BaseMap.vue?vue&type=script&lang=js&\"\nexport * from \"./BaseMap.vue?vue&type=script&lang=js&\"\nimport style0 from \"./BaseMap.vue?vue&type=style&index=0&id=6714a6d0&lang=scss&scoped=true&\"\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  \"6714a6d0\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/sass-resources-loader/lib/loader.js??ref--9-oneOf-1-4!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./BaseMap.vue?vue&type=style&index=0&id=6714a6d0&lang=scss&scoped=true&\""],"sourceRoot":""}