{"version":3,"sources":["webpack:///./src/components/Map2.vue?0ac4","webpack:///./src/components/Map2.vue?7bb6","webpack:///src/components/Map2.vue","webpack:///./src/components/Map2.vue?c082","webpack:///./src/components/Map2.vue?3a73","webpack:///./src/components/Map2.vue?fcf0"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticStyle","staticClass","attrs","path","_v","on","change","model","value","callback","$$v","daterange","expression","staticRenderFns","map","infoWindow","markers","polyline","markerClick","e","setContent","target","content","open","getPosition","name","data","tp","deviceList","listPointAll","listPoint","dbt","edt","equipid","$route","params","mapId","methods","addMarker","icon","position","point","offset","AMap","Pixel","contentHTML","marker","emit","push","watch","mounted","InfoWindow","equiphistory","$router","component"],"mappings":"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","file":"static/js/chunk-575a4824.af733373.js","sourcesContent":["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!./Map2.vue?vue&type=style&index=0&id=583bd857&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticStyle:{\"height\":\"100%\"}},[_c('div',{staticClass:\"breadcrumb\"},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',{attrs:{\"to\":{ path: '/' }}},[_c('span',{staticStyle:{\"color\":\"#4A90E2\"}},[_c('i',{staticClass:\"el-icon-location\"}),_vm._v(\"首页\\n        \")])]),_c('el-breadcrumb-item',[_vm._v(\"地图\")])],1),_c('div',{staticClass:\"block\",staticStyle:{\"margin-top\":\"12px\"}},[_c('el-date-picker',{attrs:{\"value-format\":\"yyyy-MM-dd\",\"type\":\"daterange\",\"range-separator\":\"至\",\"start-placeholder\":\"开始日期\",\"end-placeholder\":\"结束日期\"},on:{\"change\":_vm.change},model:{value:(_vm.daterange),callback:function ($$v) {_vm.daterange=$$v},expression:\"daterange\"}})],1)],1),_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"90%\"},attrs:{\"id\":\"container\"}})])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div style=\"height:100%;\">\n    <div class=\"breadcrumb\">\n      <el-breadcrumb separator-class=\"el-icon-arrow-right\">\n        <el-breadcrumb-item :to=\"{ path: '/' }\">\n          <span style=\"color:#4A90E2\">\n            <i class=\"el-icon-location\"></i>首页\n          </span>\n        </el-breadcrumb-item>\n        <el-breadcrumb-item>地图</el-breadcrumb-item>\n      </el-breadcrumb>\n      <div class=\"block\"\n           style=\"margin-top:12px;\">\n        <el-date-picker @change=\"change\"\n                        v-model=\"daterange\"\n                        value-format=\"yyyy-MM-dd\"\n                        type=\"daterange\"\n                        range-separator=\"至\"\n                        start-placeholder=\"开始日期\"\n                        end-placeholder=\"结束日期\">\n        </el-date-picker>\n      </div>\n    </div>\n\n    <div id=\"container\"\n         style=\"width:100%;height:90%;\"></div>\n  </div>\n</template>\n\n<script>\nimport { getToken } from '../utils/auth'\nimport { equiphistory, equipinfo } from '../service/getData'\nimport moment from 'moment'\nvar map = null\nvar infoWindow = null\nvar markers = []\n// 地图覆盖点\n// var overlayGroups = null\n// 折线\nvar polyline = null\nfunction markerClick(e) {\n  infoWindow.setContent(e.target.content)\n  infoWindow.open(map, e.target.getPosition())\n}\nexport default {\n  name: 'app',\n  data() {\n    return {\n      tp: null,\n      deviceList: null,\n      listPointAll: null,\n      listPoint: null,\n      // 时间范围\n      daterange: [\n        moment()\n          .subtract(1, 'year')\n          .format('YYYY-MM-DD'),\n        moment().format('YYYY-MM-DD')\n      ],\n      // 开始时间\n      dbt:\n        null ||\n        moment()\n          .subtract(1, 'year')\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    // 查询时间改变后，更新地图点\n    async change(v) {\n      if (infoWindow) {\n        infoWindow.close()\n      }\n      // 删除地图原来的点\n      if (map !== null) {\n        map.remove(polyline)\n        markers.map(item => {\n          map.remove(item)\n        })\n        markers = []\n        // map.remove(overlayGroups)\n      }\n      if (v != null && v.length != 0) {\n        this.dbt = v[0]\n        this.edt = v[1]\n      }\n\n      let dbt = this.dbt\n      let edt = this.edt\n      let equipid = this.equipid\n\n      let result = await equiphistory(dbt, edt, equipid)\n\n      // 设备列表\n      this.deviceList = result.data.total ? JSON.parse(result.data.data) : []\n      // 经纬度数组[jd,wd]\n      let tempList = []\n      let lineArr = []\n      this.deviceList.map(item => {\n        let arr = []\n        arr.push(item.jd)\n        arr.push(item.wd)\n        lineArr.push(new AMap.LngLat(item.jd, item.wd))\n        tempList.push(arr)\n      })\n      // 这里两个点的数据忘了要干什么用。\n      this.listPoint = tempList\n      this.listPointAll = tempList\n\n      if (this.listPoint || this.listPoint.length === 0) {\n        // return false\n      }\n      // 设置开始的中心点\n      map.setCenter(new AMap.LngLat(this.listPoint[0][0], this.listPoint[0][1]))\n\n      // 在地图上加 点\n      this.listPoint.map((index, i) => {\n        // 初始化 markers\n        this.addMarker(index, i)\n      })\n      // overlayGroups = new AMap.OverlayGroup(markers)\n      // map.add(overlayGroups)\n      map.add(markers)\n\n      // 创建折线实例\n      polyline = new AMap.Polyline({\n        path: lineArr,\n        borderWeight: 1, // 线条宽度，默认为 1\n        strokeColor: 'white', // 线条颜色\n        lineJoin: 'round' // 折线拐点连接处样式\n      })\n      // 将折线添加至地图实例\n      map.add(polyline)\n\n      map.setFitView()\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.$route.params.mapName\n      let contentHTML = `<div>设备名称：${equipname}</div><div>经纬度 ${\n        this.deviceList[i]['jd']\n      },${this.deviceList[i]['wd']}</div>`\n      this.tp.map((n, index) => {\n        let no = index + 1\n        contentHTML += `<div>${n.tnm}：${this.deviceList[i]['col' + no]}</div>`\n      })\n\n      contentHTML = contentHTML + `<div>时间：${this.deviceList[i]['dt']}</div>`\n      marker.content = contentHTML\n      marker.on('click', markerClick)\n      marker.emit('click', {\n        target: marker\n      })\n      markers.push(marker)\n      // marker.setMap(map)\n    },\n    async equiphistory() {\n      this.equipid = this.$route.params.mapId\n      // 获取类型 ？有什么用？\n      let tp = await equipinfo(this.equipid)\n      this.tp = tp.data.tp\n\n      let result = await equiphistory(this.dbt, this.edt, this.equipid)\n\n      this.deviceList = result.data.total ? JSON.parse(result.data.data) : []\n      if (this.deviceList || this.deviceList.length === 0) {\n        infoWindow.close()\n      }\n      let tempList = [] //\n      let lineArr = []\n      this.deviceList.map(item => {\n        let arr = []\n        arr.push(item.jd)\n        arr.push(item.wd)\n        lineArr.push(new AMap.LngLat(item.jd, item.wd))\n        tempList.push(arr)\n      })\n\n      this.listPoint = tempList\n      this.listPointAll = tempList\n\n      map = new AMap.Map('container', {\n        layers: [new AMap.TileLayer.Satellite()],\n        zooms: [1, 10],\n        resizeEnable: true,\n        expandZoomRange: true\n        // center: this.listPoint[0]\n      })\n      markers.map(item => {\n        map.remove(item)\n      })\n      // 创建折线实例\n      polyline = new AMap.Polyline({\n        path: lineArr,\n        borderWeight: 1, // 线条宽度，默认为 1\n        strokeColor: 'white', // 线条颜色\n        lineJoin: 'round' // 折线拐点连接处样式\n      })\n      // 将折线添加至地图实例\n      map.add(polyline)\n      if (this.listPoint && this.listPoint.length) {\n        map.setCenter(this.listPoint[0])\n      }\n\n      this.listPoint.map((index, i) => {\n        this.addMarker(index, i)\n      })\n\n      // overlayGroups = new AMap.OverlayGroup(markers)\n      // map.add(overlayGroups)\n      map.add(markers)\n      map.setFitView()\n    }\n  },\n  watch: {\n    $route: async function() {\n      infoWindow = new AMap.InfoWindow({\n        offset: new AMap.Pixel(0, 0)\n      })\n      // console.warn('路由改变了：：',this.$route)\n      await this.equiphistory()\n    }\n  },\n  mounted() {\n    if (!getToken()) {\n      this.$router.push('/login')\n      return\n    }\n    infoWindow = new AMap.InfoWindow({\n      offset: new AMap.Pixel(0, 0)\n    })\n    this.equiphistory()\n  }\n}\n</script>\n<style lang=\"scss\" scoped>\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!./Map2.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!./Map2.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Map2.vue?vue&type=template&id=583bd857&scoped=true&\"\nimport script from \"./Map2.vue?vue&type=script&lang=js&\"\nexport * from \"./Map2.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Map2.vue?vue&type=style&index=0&id=583bd857&lang=scss&scoped=true&\"\nimport style1 from \"./Map2.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  \"583bd857\",\n  null\n  \n)\n\nexport default component.exports","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!./Map2.vue?vue&type=style&index=1&lang=css&\""],"sourceRoot":""}