{"version":3,"sources":["webpack:///./src/pages/Home/components/Map.vue?7ab8","webpack:///./src/pages/Home/components/Map.vue?1a23","webpack:///src/pages/Home/components/Map.vue","webpack:///./src/pages/Home/components/Map.vue?4c70","webpack:///./src/pages/Home/components/Map.vue?50f8"],"names":["render","_vm","this","_h","$createElement","_c","_self","directives","name","rawName","value","expression","modifiers","staticClass","style","attrs","staticRenderFns","props","mapWidth","type","String","mapHeight","computed","mapSize","width","height","styleObj","mapnodelists","watch","data","map","loading","fullscreenLoading","mapboxurl","option","zoom","maxZoom","minZoom","renderWorldCopies","attributionControl","id","mounted","getMapNodeList","methods","mapInit","addMarker","addControl","addPopUp","addToolitps","component"],"mappings":"yIAAA,yBAA2e,EAAG,G,yCCA9e,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,WAAW,CAAC,CAACC,KAAK,UAAUC,QAAQ,4BAA4BC,MAAOT,EAAqB,kBAAEU,WAAW,oBAAoBC,UAAU,CAAC,YAAa,EAAK,MAAO,KAAQC,YAAY,gBAAgBC,MAAOb,EAAW,QAAEc,MAAM,CAAC,GAAK,oBAC3UC,EAAkB,GCItB,WACA,GACER,KAAM,UACNS,MAAO,CACLC,SAAU,CACRC,KAAMC,QAERC,UAAW,CACTF,KAAMC,SAGVE,SAAU,CACRC,QADJ,WAEM,IAAN,GACQC,MAAOtB,KAAKgB,SACZO,OAAQvB,KAAKmB,WAEf,OAAOK,GAETC,aARJ,WASM,OAAN,sCAGEC,MAAF,CACI,aAAJ,WACM,KAAN,qBACM,KAAN,6BAGEC,KA5BF,WA6BI,MAAO,CACLC,IAAK,KACLC,SAAN,EACMC,mBAAmB,EACnBC,UAAW,0MACXC,OAAN,CACQC,KAAM,EACNC,QAAR,GACQC,QAAR,EACQC,mBAAR,EACQC,oBAAR,EACQC,GAAI,oBAIVC,QA5CF,WA6CIvC,KAAKwC,kBAEPC,QAAS,CACPC,QADJ,SACA,GACM,IAAN,qBACA,mBACA,sBACM,KAAN,+CACQ,aAAR,EACQ,UAAR,EACQ,KAAR,EACQ,QAAR,EACQ,QAAR,IAIM,KAAN,gEAGM,KAAN,qBAEM,IADA,IAAN,uCACA,oBAEQ,IAAR,GACU,IAAV,cACU,IAAV,gBAEA,yCACQ,EAAR,YACQ,KAAR,uBAEM,KAAN,gBAEM,EAAN,qBAAQ,SAAR,aAAQ,OAAR,gDACM,KAAN,sBAEIC,UAlCJ,WAmCM,KAAN,qDAEIC,WArCJ,WAsCM,IAAN,wBACM,OAAN,GAEIJ,eAzCJ,WA0CM,KAAN,qBACM,KAAN,kCAAQ,KAAR,cAAQ,KAAR,YAEIK,SA7CJ,WA8CM,IAAN,wCACQ,SAAR,IACQ,SAAR,IACQ,UAAR,iBAGM,EACN,8DACA,WAFA,uKAKA,kBAEIC,YA3DJ,SA2DA,KAKM,IAAN,aACQ,IAAR,iBACQ,OAAR,GAGM,EAAN,eAAQ,UAAR,uBC1H2W,I,wBCQvWC,EAAY,eACd,EACAjD,EACAgB,GACA,EACA,KACA,KACA,MAIa,aAAAiC,E","file":"static/js/chunk-2ea20447.bf110c5e.js","sourcesContent":["import mod from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.vue?vue&type=style&index=0&lang=css&\"; export default mod; export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Map.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('div',{directives:[{name:\"loading\",rawName:\"v-loading.fullscreen.lock\",value:(_vm.fullscreenLoading),expression:\"fullscreenLoading\",modifiers:{\"fullscreen\":true,\"lock\":true}}],staticClass:\"map-container\",style:(_vm.mapSize),attrs:{\"id\":\"map-container\"}})}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div v-loading.fullscreen.lock=\"fullscreenLoading\" class=\"map-container\" id=\"map-container\" :style=\"mapSize\"></div>\n</template>\n\n<script>\nconst L = window.L\nexport default {\n  name: \"mapView\",\n  props: {\n    mapWidth: {\n      type: String\n    },\n    mapHeight: {\n      type: String\n    }\n  },\n  computed: {\n    mapSize () {\n      let styleObj = {\n        width: this.mapWidth,\n        height: this.mapHeight\n      }\n      return styleObj\n    },\n    mapnodelists() {\n        return this.$store.getters.nodeMapList || {};\n    },\n  },\n  watch:{\n      \"mapnodelists\":function() {\n          this.fullscreenLoading =false\n          this.mapInit(this.mapnodelists)\n      }\n  },\n  data() {\n    return {\n      map: null,\n      loading:true,\n      fullscreenLoading: false,\n      mapboxurl: 'https://api.mapbox.com/styles/v1/tony1duan/cjyqy7w2s02lh1cqoqoppsx5g/tiles/256/{z}/{x}/{y}@2x?access_token=pk.eyJ1IjoidG9ueTFkdWFuIiwiYSI6ImNqeW82NDd4czExY3czYnF1eGhxZ29hMnEifQ.hzvWApDHuwy26QZFZArSkQ',\n      option:{\n        zoom: 3,\n        maxZoom:18,\n        minZoom:1,\n        renderWorldCopies:true,\n        attributionControl:true,\n        id: 'mapbox.streets'\n      }\n    };\n  },\n  mounted() {\n    this.getMapNodeList()\n  },\n  methods: {\n    mapInit(mapnodelists){\n        var southWest = L.latLng(-90, -180),\n            northEast = L.latLng(90, 180),\n            bounds = L.latLngBounds(southWest, northEast);\n        this.map = this.$utils.map.createMap(\"map-container\",{\n            zoomControl: true,\n            maxBounds: bounds,\n            zoom: 3,\n            maxZoom: 7,\n            minZoom: 3\n        });\n        \n        // 加载 open street map 图层服务\n        this.$utils.map.createTileLayer(this.map, this.mapboxurl, this.option);\n\n        // 设施地图视图 中心位置\n        this.map.setView([0, 0], 3);\n        let cluster = this.$utils.map.createMakerCluster();\n        for (let i = 0; i < mapnodelists.length; i++) {\n            /* let latlng = this.$utils.map.getRandomLatLng(this.map); */\n            let latlng = {\n                lat : mapnodelists[i].latitude,\n                lng : mapnodelists[i].longitude\n            }\n            let maker = this.$utils.map.createMakerByLatlng(latlng);\n            cluster.addLayer(maker);\n            this.addToolitps(mapnodelists[i].ip,maker)\n        }\n        this.map.addLayer(cluster);\n        \n        L.control.attribution({ position: 'bottomleft', prefix: 'Synchronous Nodes Displayed' }).addTo(this.map);\n        this.fullscreenLoading =false\n    },\n    addMarker() {\n        this.$utils.map.createMakerByXY(this.map, [31.505, 44.09]);\n    },\n    addControl(){\n        let con = L.Control.Attribution\n        return con\n    },\n    getMapNodeList(){\n        this.fullscreenLoading =true\n        this.$store.dispatch(\"getNodeMapList\", { size: this.pageSize, page: 1 }).then();\n    },\n    addPopUp() {\n        let popup = this.$utils.map.createPopup(this.map, {\n            maxWidth: 200,\n            minWidth: 100,\n            className: \"sample-popup\"\n        });\n\n        popup\n            .setLatLng(this.$utils.map.createLatlonByArray([51.505, -0.09]))\n            .setContent(\n            `<h1>popup demo</h1><p>This is the content of the popup demo. The length of the content might be so very that maybe beyond the maxWidth that we set on the popup</p>`\n        )\n            .openOn(this.map);\n    },\n    addToolitps(ip,marker) {\n        // let pngJpgIcon = this.$utils.map.createIcon({\n        //     /* iconUrl: require(\"./../assets/images/tree.png\"), */\n        //     iconSize: [52, 42]\n        // });\n        let toolitps = () => {\n            let tpl = `<p>`+ ip +`</p>`;\n            return tpl;\n        };\n        // 为 tooltips 指定 class 类名\n        marker.bindTooltip(toolitps,{className: \"sample-tooltips\"});\n    }\n  }\n};\n</script>\n<style >\n.map-container {\n  position: relative;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 480px;\n}\n.marker-cluster-large{\n  background-color: #48a3ff;\n}\n.marker-cluster-large div{\n  background-color: #48a3ff;\n}\n.marker-cluster-medium{\n  background-color: #48a3ff;\n}\n.marker-cluster-medium div{\n  background-color: #48a3ff;\n}\n.marker-cluster-small{\n  background-color: #48a3ff;\n}\n.marker-cluster-small div{\n  background-color: #48a3ff;\n}\n.leaflet-control-zoom-in{\n  color:#000;\n}\n</style>","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!./Map.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!./Map.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Map.vue?vue&type=template&id=17966efa&\"\nimport script from \"./Map.vue?vue&type=script&lang=js&\"\nexport * from \"./Map.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Map.vue?vue&type=style&index=0&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"],"sourceRoot":""}