{"version":3,"sources":["webpack:///./src/components/MapFrame.vue?5ec3","webpack:///src/components/MapFrame.vue","webpack:///./src/components/MapFrame.vue?2a6d","webpack:///./src/components/MapFrame.vue?6a4e","webpack:///./node_modules/core-js/modules/es6.function.name.js","webpack:///./src/components/MapFrame.vue?8d6c","webpack:///./src/components/MapFrame.vue?2ae0"],"names":["render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticStyle","attrs","infoWindow","polyline","markerClick","e","_this","setContent","target","content","open","map","getPosition","$modal","show","satelliteLayer","AMap","TileLayer","Satellite","components","name","data","markers","checked","localStorage","getItem","JSON","parse","tp","info","deviceList","listPoint","dbt","edt","equipid","$route","params","mapId","methods","onSwitchChange","setItem","stringify","add","remove","addMarker","icon","position","point","offset","Pixel","contentHTML","marker","on","push","watch","mounted","setTimeout","$router","component","dP","f","FProto","Function","prototype","nameRE","NAME","configurable","get","match"],"mappings":"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","file":"static/js/chunk-2e27436a.0f8e6f4c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _vm._m(0)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"id\":\"container\"}})])}]\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"height: 100%\">\n    <div id=\"container\" style=\"width: 100%; height: 100%\"></div>\n  </div>\n</template>\n\n<script>\nimport { getToken } from '../utils/auth'\nimport { equiphistory, equipinfo } from '../service/getData'\nimport moment from 'moment'\nimport { Switch } from 'vant'\n// 信息窗\nvar infoWindow = null\n// 折线\nvar polyline = null\n// 点击marker弹窗\nfunction markerClick(e, _this) {\n  infoWindow.setContent(e.target.content)\n  infoWindow.open(_this.map, e.target.getPosition())\n  _this.$modal.show('modal')\n}\nvar satelliteLayer = new AMap.TileLayer.Satellite()\nexport default {\n  components: {\n    [Switch.name]: Switch\n  },\n  name: 'app',\n  data() {\n    return {\n      map: null,\n      markers: [],\n      checked: localStorage.getItem('layer') ? JSON.parse(localStorage.getItem('layer')) : true,\n      tp: null,\n      info: null,\n      deviceList: null,\n      listPoint: null,\n      // 开始时间\n      dbt:\n        null ||\n        moment()\n          .subtract(6, 'month')\n          .format('YYYY-MM-DD'),\n      // 结束时间\n      edt: null || moment().format('YYYY-MM-DD'),\n      // 路由来的params/设备ID\n      equipid: this.$route.params.mapId\n    }\n  },\n  methods: {\n    onSwitchChange(checked) {\n      localStorage.setItem('layer', JSON.stringify(checked))\n      if (checked) {\n        this.map.add(satelliteLayer)\n      } else {\n        this.map.remove(satelliteLayer)\n      }\n    },\n\n    // 标记点\n    addMarker(point, i) {\n      let marker = new AMap.Marker({\n        icon: '/static/point.png',\n        position: point,\n        offset: new AMap.Pixel(0, 0)\n      })\n      let equipname = this.info.enm\n      let contentHTML = `<div>设备名称：${equipname}</div><div>经纬度 ${this.deviceList[i]['jdt']},${this.deviceList[i]['wdt']}</div>`\n      this.tp.map((n, index) => {\n        let no = index\n        contentHTML += `<div>${n.tnm}：${this.deviceList[i]['col' + no]}</div>`\n      })\n\n      contentHTML = contentHTML + `<div>时间：${this.deviceList[i]['createtime']}</div>`\n      marker.content = contentHTML\n      marker.on('click', e => markerClick(e, this))\n      this.markers.push(marker)\n    },\n    async equiphistory() {\n      infoWindow && infoWindow.close()\n      // 清除marker\n      if (this.map) {\n        this.map.remove(polyline)\n        this.map.remove(this.markers)\n        this.markers = []\n      }\n      this.equipid = this.$route.params.mapId\n      let loading = this.$loading({\n        lock: true,\n        text: 'Loading',\n        spinner: 'el-icon-loading',\n        background: 'rgba(0, 0, 0, 0.7)'\n      })\n      let tp = await equipinfo(this.equipid)\n      this.tp = tp.data.tp\n      this.info = tp.data\n      let result\n      if (this.equipid == 36 || this.equipid == 37) {\n        result = await equiphistory(\n          moment()\n            .subtract(2, 'year')\n            .format('YYYY-MM-DD'),\n          this.edt,\n          this.equipid,\n          1,\n          99999\n        )\n      } else {\n        result = await equiphistory(this.dbt, this.edt, this.equipid, 1, 99999)\n      }\n\n      loading.close()\n      this.deviceList = result.data.total ? JSON.parse(result.data.data) : []\n      if (!this.deviceList || this.deviceList.length === 0) {\n        infoWindow.close()\n      }\n      this.listPoint = [] //列表的坐标点\n\n      this.deviceList = this.deviceList.filter(item => {\n        if (+item.jd === 1 || +item.jd === 0 || +item.wd === 1 || +item.wd === 0) {\n          return false\n        } else {\n          return true\n        }\n      })\n      this.deviceList.map(item => {\n        let arr = []\n        arr.push(`${(item.jdchar === 'W' && '-') || ''}${item.jd}`)\n        arr.push(`${(item.wdchar === 'S' && '-') || ''}${item.wd}`)\n\n        let LngLat, jd, wd\n        jd = item.jd\n        wd = item.wd\n        if (item.jdchar === 'W') {\n          jd = 360 - item.jd\n        }\n        if (item.wdchar === 'S') {\n          wd = -item.wd\n        }\n        LngLat = new AMap.LngLat(jd, wd, true)\n        // 添加折线路径\n        this.listPoint.push(LngLat)\n      })\n\n      this.map =\n        this.map ||\n        new AMap.Map('container', {\n          zooms: [3, 18],\n          resizeEnable: true,\n          features: ['bg', 'road', 'building', 'point'],\n          expandZoomRange: true\n        })\n      let layer = '' //JSON.parse(localStorage.getItem('layer'))\n      if (layer || layer === null) {\n        this.map.add([satelliteLayer])\n      } else {\n        this.map.remove(satelliteLayer)\n      }\n\n      // 创建折线实例\n      polyline = new AMap.Polyline({\n        path: this.listPoint,\n        borderWeight: 1, // 线条宽度，默认为 1\n        strokeColor: 'white', // 线条颜色\n        lineJoin: 'round' // 折线拐点连接处样式\n      })\n      // 将折线添加至地图实例\n      this.map.add(polyline)\n      this.listPoint.map((point, index) => {\n        this.addMarker(point, index)\n      })\n      // this.map.setMapStyle('amap://styles/3e3af33551cdd2ec5f1daa9e87304454')\n      this.map.add(this.markers)\n      this.map.setFitView()\n      // this.map.setZoom(5)\n\n      this.listPoint && this.listPoint.length > 0 && this.map.setCenter(this.listPoint.slice(-1)[0])\n\n      // this.markers &&\n      //   this.markers.length > 0 &&\n      //   AMap.event.trigger(this.markers.slice(-1)[0], 'click', {\n      //     target: this.markers.slice(-1)[0]\n      //   })\n    }\n  },\n  watch: {\n    // 监听map页面路由变化\n    async $route() {\n      infoWindow = new AMap.InfoWindow({\n        offset: new AMap.Pixel(0, 0)\n      })\n      await this.equiphistory()\n    }\n  },\n  mounted() {\n    if (!getToken()) {\n      this.$router.push('/login')\n      return\n    }\n    setTimeout(async () => {\n      infoWindow = new AMap.InfoWindow({\n        offset: new AMap.Pixel(0, 0)\n      })\n      await this.equiphistory()\n    }, 500)\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\n::v-deep .amap-layers {\n  .amap-satellite {\n    filter: brightness(0.5) !important;\n  }\n}\n::v-deep .amap-info-contentContainer {\n  .amap-info-content {\n    position: relative;\n    background: #383a49;\n    padding: 10px 18px 10px 10px;\n    line-height: 1.4;\n    overflow: auto;\n    border: 1px solid #285e9c;\n    border-radius: 8px;\n    color: white;\n  }\n}\n::v-deep .bottom-center .amap-info-sharp {\n  bottom: 0;\n  left: 50%;\n  margin-left: -8px;\n  border-left: 8px solid transparent;\n  border-right: 8px solid transparent;\n  border-top: 8px solid #313744;\n}\n#map {\n  background: white;\n  height: 90%;\n}\n</style>\n<style>\n.amap-marker-label {\n  width: 20px;\n  height: 20px;\n  border-radius: 50%;\n  text-align: center;\n  line-height: 20px;\n  font-size: 16px;\n  background: #3e95fa;\n  color: white;\n}\n</style>\n","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!./MapFrame.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!./MapFrame.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MapFrame.vue?vue&type=template&id=5b822fe4&scoped=true&\"\nimport script from \"./MapFrame.vue?vue&type=script&lang=js&\"\nexport * from \"./MapFrame.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MapFrame.vue?vue&type=style&index=0&id=5b822fe4&lang=scss&scoped=true&\"\nimport style1 from \"./MapFrame.vue?vue&type=style&index=1&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  \"5b822fe4\",\n  null\n  \n)\n\nexport default component.exports","var dP = require('./_object-dp').f;\nvar FProto = Function.prototype;\nvar nameRE = /^\\s*function ([^ (]*)/;\nvar NAME = 'name';\n\n// 19.2.4.2 name\nNAME in FProto || require('./_descriptors') && dP(FProto, NAME, {\n  configurable: true,\n  get: function () {\n    try {\n      return ('' + this).match(nameRE)[1];\n    } catch (e) {\n      return '';\n    }\n  }\n});\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MapFrame.vue?vue&type=style&index=0&id=5b822fe4&lang=scss&scoped=true&\"","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!./MapFrame.vue?vue&type=style&index=1&lang=css&\""],"sourceRoot":""}