{"version":3,"sources":["webpack:///./src/views/product/maps.vue?2244","webpack:///src/views/product/maps.vue","webpack:///./src/views/product/maps.vue?18d7","webpack:///./src/views/product/maps.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","attrs","staticClass","_v","_m","staticRenderFns","staticStyle","data","courseAry","mounted","init","methods","myLatlng","qq","maps","LatLng","myOptions","zoom","center","mapTypeId","MapTypeId","ROADMAP","map","Map","infoWin","InfoWindow","markerIcon","MarkerImage","that","axios","post","then","res","console","log","n","marker","Marker","position","i","lat","lng","setIcon","event","addListener","open","setContent","setPosition","markerCluster","MarkerCluster","id","enableDefaultStyle","minimumClusterSize","geometries","zoomOnClick","gridSize","averageCenter","maxZoom","getDetail","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,MAAM,CAAC,GAAK,YAAY,CAACF,EAAG,SAAS,CAACG,YAAY,iBAAiBD,MAAM,CAAC,KAAO,KAAK,CAACF,EAAG,gBAAgB,CAACE,MAAM,CAAC,UAAY,MAAM,CAACF,EAAG,qBAAqB,CAACA,EAAG,IAAI,CAACJ,EAAIQ,GAAG,YAAYJ,EAAG,qBAAqB,CAACJ,EAAIQ,GAAG,WAAW,IAAI,GAAGR,EAAIS,GAAG,IAAI,IAC5VC,EAAkB,CAAC,WAAa,IAAIV,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACG,YAAY,WAAW,CAACH,EAAG,MAAM,CAACG,YAAY,YAAY,CAACH,EAAG,MAAM,CAACO,YAAY,CAAC,QAAU,YAAYP,EAAG,MAAM,CAACG,YAAY,mBAAmB,CAACH,EAAG,MAAM,CAACO,YAAY,CAAC,OAAS,SAASL,MAAM,CAAC,GAAK,qBCoB3T,GACEM,KADF,WAEI,MAAO,CACLC,UAAW,KAGfC,QANF,WAQIb,KAAKc,QAEPC,QAAS,CACPD,KADJ,WAIM,IAAIE,EAAW,IAAIC,GAAGC,KAAKC,OAAO,UAAW,YAKzCC,EAAY,CACdC,KAAM,EACNC,OAAQN,EACRO,UAAWN,GAAGC,KAAKM,UAAUC,SAG3BC,EAAM,IAAIT,GAAGC,KAAKS,IAC5B,qCACA,GAEUC,EAAU,IAAIX,GAAGC,KAAKW,WAAW,CACnCH,IAAKA,IAGHI,EAAa,IAAIb,GAAGC,KAAKa,YACnC,0CAMUC,EAAOhC,KACXgC,EAAKC,MAAMC,KAAK,0BAA2B,IAAIC,MAAK,SAA1D,GACQ,GAAIC,EAAK,CACPC,QAAQC,IAAIF,EAAIzB,MAChBqB,EAAKpB,UAAYwB,EAAIzB,KACrB,IAHV,eAGA,IAEY,SAAW4B,GAET,IAAIC,EAAS,IAAIvB,GAAGC,KAAKuB,OAAO,CAC9BC,SAAU,IAAIzB,GAAGC,KAAKC,OAAOiB,EAAIzB,KAAKgC,GAAGC,IAAKR,EAAIzB,KAAKgC,GAAGE,KAC1DnB,IAAKA,IAIPc,EAAOM,QAAQhB,GAGfb,GAAGC,KAAK6B,MAAMC,YAAYR,EAAQ,SAAS,WACzCZ,EAAQqB,OACRrB,EAAQsB,WAAW,oEAEnC,iBAFmC,uEAInC,2BACgBtB,EAAQuB,YAAY,IAAIlC,GAAGC,KAAKC,OAAOiB,EAAIzB,KAAKgC,GAAGC,IAAKR,EAAIzB,KAAKgC,GAAGE,UAlBxE,IAFZ,iCA2BM,IAAIO,EAAgB,IAAInC,GAAGC,KAAKmC,cAAc,CAC5CC,GAAI,UACJ5B,IAAKA,EACL6B,oBAAoB,EACpBC,mBAAoB,EACpBC,WAAY,CACpB,CAAU,SAAV,0CACA,CAAU,SAAV,0CACA,CAAU,SAAV,0CACA,CAAU,SAAV,2CAGQC,aAAa,EACbC,SAAU,GACVC,eAAe,EACfC,QAAS,KAEXxB,QAAQC,IAAIc,IAGdU,UAlFJ,WAmFM,IAAI9B,EAAOhC,KACXgC,EAAKC,MAAMC,KAAK,0BAA2B,IAAIC,MAAK,SAA1D,GACYC,IACFJ,EAAKpB,UAAYwB,EAAIzB,YCrH8T,I,YCOzVoD,EAAY,eACd,EACAjE,EACAW,GACA,EACA,KACA,KACA,MAIa,aAAAsD,E","file":"js/chunk-2d22b99f.a705ea73.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{attrs:{\"id\":\"subpage\"}},[_c('el-col',{staticClass:\"warp-breadcrum\",attrs:{\"span\":24}},[_c('el-breadcrumb',{attrs:{\"separator\":\"/\"}},[_c('el-breadcrumb-item',[_c('b',[_vm._v(\"点位管理\")])]),_c('el-breadcrumb-item',[_vm._v(\"点位地图\")])],1)],1),_vm._m(0)],1)}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"content\"},[_c('div',{staticClass:\"xcx-head\"},[_c('div',{staticStyle:{\"display\":\"flex\"}})]),_c('div',{staticClass:\"search-box mt10\"},[_c('div',{staticStyle:{\"height\":\"650px\"},attrs:{\"id\":\"container\"}})])])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"subpage\">\r\n    <el-col :span=\"24\" class=\"warp-breadcrum\">\r\n      <el-breadcrumb separator=\"/\">\r\n        <el-breadcrumb-item>\r\n          <b>点位管理</b>\r\n        </el-breadcrumb-item>\r\n        <el-breadcrumb-item>点位地图</el-breadcrumb-item>\r\n      </el-breadcrumb>\r\n    </el-col>\r\n    <div class=\"content\">\r\n      <div class=\"xcx-head\">\r\n        <div style=\"display: flex\"></div>\r\n      </div>\r\n      <div class=\"search-box mt10\">\r\n        <div id=\"container\" style=\"height: 650px\"></div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n<script>\r\nexport default {\r\n  data() {\r\n    return {\r\n      courseAry: [],\r\n    };\r\n  },\r\n  mounted() {\r\n    //this.getDetail();\r\n    this.init();\r\n  },\r\n  methods: {\r\n    init() {\r\n      //步骤：定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器\r\n      //设置地图中心点\r\n      var myLatlng = new qq.maps.LatLng(32.086613, 118.798773);\r\n      // = new qq.maps.Size(42, 68);\r\n      // = new qq.maps.Size(42, 68);\r\n      //var scaleSize = new qq.maps.scaleSize(42, 68);\r\n      //定义工厂模式函数\r\n      var myOptions = {\r\n        zoom: 8, //设置地图缩放级别\r\n        center: myLatlng, //设置中心点样式\r\n        mapTypeId: qq.maps.MapTypeId.ROADMAP, //设置地图样式详情参见MapType\r\n      };\r\n      //获取dom元素添加地图信息\r\n      var map = new qq.maps.Map(\r\n        document.getElementById(\"container\"),\r\n        myOptions\r\n      );\r\n      var infoWin = new qq.maps.InfoWindow({\r\n        map: map\r\n      });\r\n\r\n      var markerIcon = new qq.maps.MarkerImage(\r\n        \"https://admin.zzkjcn.cn/images/map.png\",\r\n        //scaleSize,\r\n        // origin,\r\n        // anchor\r\n      );\r\n\r\n      var that = this;\r\n      that.axios.post(\"/product/getProductMaps\", {}).then((res) => {\r\n        if (res) {\r\n          console.log(res.data);\r\n          that.courseAry = res.data;\r\n          for (let i = 0; i < res.data.length; i++) {\r\n\r\n            (function (n) {\r\n              //实例标注\r\n              var marker = new qq.maps.Marker({\r\n                position: new qq.maps.LatLng(res.data[i].lat, res.data[i].lng),\r\n                map: map\r\n              });\r\n\r\n              //设置每个标注的样式\r\n              marker.setIcon(markerIcon);\r\n\r\n              //标注点击事件\r\n              qq.maps.event.addListener(marker, 'click', function () {\r\n                infoWin.open();\r\n                infoWin.setContent('<div style=\"text-align:left;white-space:' +\r\n                  'nowrap;margin:10px;\">ID: ' +\r\n                  res.data[i].number + ' </div><div style=\"text-align:left;white-space:' +\r\n                  'nowrap;margin:10px;\">' +\r\n                  res.data[i].title + ' </div>');\r\n                infoWin.setPosition(new qq.maps.LatLng(res.data[i].lat, res.data[i].lng));\r\n              });\r\n            })(i);\r\n          }\r\n        }\r\n      });\r\n\r\n      var markerCluster = new qq.maps.MarkerCluster({\r\n        id: \"cluster\", //图层id\r\n        map: map, //设置点聚合显示在哪个map对象中（创建map的段落省略）\r\n        enableDefaultStyle: true, //使用默认样式\r\n        minimumClusterSize: 2, //最小聚合点数：2个\r\n        geometries: [\r\n          { position: new qq.maps.LatLng(39.982829, 116.306934) },\r\n          { position: new qq.maps.LatLng(39.989011, 116.323586) },\r\n          { position: new qq.maps.LatLng(39.978751, 116.313286) },\r\n          { position: new qq.maps.LatLng(39.980593, 116.304359) },\r\n          //....将您所有要打到图中的坐标点传入进来\r\n        ],\r\n        zoomOnClick: true, //点击聚合数字放大展开\r\n        gridSize: 60, //聚合算法的可聚合距离，即距离小于该值的点会聚合至一起，默认为60，以像素为单位\r\n        averageCenter: false, //每个聚和簇的中心是否应该是聚类中所有标记的平均值\r\n        maxZoom: 16, //采用聚合策略的最大缩放级别，若地图缩放级别大于该值，则不进行聚合，标点将全部被展开\r\n      });\r\n      console.log(markerCluster);\r\n    },\r\n\r\n    getDetail() {\r\n      var that = this;\r\n      that.axios.post(\"/product/getProductMaps\", {}).then((res) => {\r\n        if (res) {\r\n          that.courseAry = res.data;\r\n        }\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>","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!./maps.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!./maps.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./maps.vue?vue&type=template&id=87f72462&\"\nimport script from \"./maps.vue?vue&type=script&lang=js&\"\nexport * from \"./maps.vue?vue&type=script&lang=js&\"\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":""}