{"version":3,"sources":["webpack:///./src/assets/lianxi/jinsuolu.png","webpack:///./src/views/test.vue?4a03","webpack:///src/views/test.vue","webpack:///./src/views/test.vue?4aa4","webpack:///./src/views/test.vue","webpack:///./src/views/test.vue?4e17","webpack:///./src/assets/guanyu/jinsuolu.png","webpack:///./src/assets/guanyu/tianjianhu.png","webpack:///./src/assets/lianxi/tianjianhu.png","webpack:///./src/utils/initMap.js"],"names":["module","exports","render","_vm","this","_h","$createElement","_self","_c","_m","staticRenderFns","staticStyle","attrs","data","mounted","initMap","methods","center","TMap","LatLng","map","Map","zoom","marker","MultiMarker","styles","jinsuolu","MarkerStyle","width","height","src","tianjianhu","geometries","infoWindow","InfoWindow","component","init","AK","TMap_URL","Promise","resolve","reject","window","onMapCallback","scriptNode","document","createElement","setAttribute","body","appendChild"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,6B,yCCA3C,IAAIC,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAsBH,EAAII,MAAMC,GAAO,OAAOL,EAAIM,GAAG,IACnGC,EAAkB,CAAC,WAAa,IAAIP,EAAIC,KAASC,EAAGF,EAAIG,eAAmBE,EAAGL,EAAII,MAAMC,IAAIH,EAAG,OAAOG,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,SAASC,MAAM,CAAC,GAAK,a,YCMxL,GACEC,KADF,WAEI,MAAO,IAETC,QAJF,WAKIV,KAAKW,WAEPC,QAAS,CAEPD,QAFJ,WAEA,WACM,EAAN,8BACQ,IAAIE,EAAS,IAAIC,EAAKC,OAAO,mBAAoB,oBAE7CC,EAAM,IAAIF,EAAKG,IAAI,MAAO,CAC5BC,KAAM,GACNL,OAAQA,IAENM,EAAS,IAAIL,EAAKM,YAAY,CAChCJ,IAAKA,EACLK,OAAQ,CAENC,SAAU,IAAIR,EAAKS,YAAY,CAC7BC,MAAO,GACPC,OAAQ,GACRC,IAAK,EAAnB,UAEYC,WAAY,IAAIb,EAAKS,YAAY,CAC/BC,MAAO,GACPC,OAAQ,GACRC,IAAK,EAAnB,WAGUE,WAAY,CACtB,CACY,GAAZ,WACY,QAAZ,WACY,SAAZ,GAEA,CACY,GAAZ,aACY,QAAZ,aACY,SAAZ,sDAIYC,EAAa,IAAIf,EAAKgB,WAAW,CACnC,IAAV,EACU,SAAV,EACU,OAAV,CAAY,EAAZ,IAAY,EAAZ,OAEQ,EAAR,QAEQ,EAAR,4BAEU,EAAV,OACU,EAAV,iCACU,IAAV,KACA,KACA,KACA,2BACY,EAAZ,wBACY,EAAZ,+BACY,EAAZ,+JAEY,EAAZ,wBACY,EAAZ,+BACY,EAAZ,8JAEU,EAAV,6TACU,QAAV,mBACU,EAAV,uBC7E8U,I,wBCQ1UC,EAAY,eACd,EACAjC,EACAQ,GACA,EACA,KACA,WACA,MAIa,aAAAyB,E,2CCnBf,W,qBCAAnC,EAAOC,QAAU,IAA0B,6B,8CCA3CD,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B,+B,4CCA5B,QACXmC,KAAM,WACF,IAAMC,EAAK,sCACLC,EAAW,mEAAoED,EAAI,0BACzF,OAAO,IAAIE,SAAQ,SAACC,EAASC,GAE7B,GAAmB,qBAATvB,KAEN,OADAsB,EAAQtB,OACD,EAGXwB,OAAOC,cAAgB,WACnBH,EAAQtB,OAIZ,IAAI0B,EAAaC,SAASC,cAAc,UACxCF,EAAWG,aAAa,OAAQ,mBAChCH,EAAWG,aAAa,MAAOT,GAC/BO,SAASG,KAAKC,YAAYL","file":"js/chunk-c9f02bd8.923c9123.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/jinsuolu.6e521c9d.png\";","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',[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"750px\"},attrs:{\"id\":\"map\"}})])}]\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div id=\"map\" style=\"width: 100%; height: 750px\"></div>\r\n  </div>\r\n</template>\r\n<script>\r\nimport TMap from \"@/utils/initMap\";\r\nexport default {\r\n  data() {\r\n    return {};\r\n  },\r\n  mounted() {\r\n    this.initMap();\r\n  },\r\n  methods: {\r\n    // 初始化地图\r\n    initMap() {\r\n      TMap.init().then((TMap) => {\r\n        var center = new TMap.LatLng(34.800931566274116, 113.56453645559719);\r\n        //初始化地图\r\n        var map = new TMap.Map(\"map\", {\r\n          zoom: 12, //设置地图缩放级别\r\n          center: center, //设置地图中心点坐标\r\n        });\r\n        var marker = new TMap.MultiMarker({\r\n          map: map,\r\n          styles: {\r\n            // 点标记样式\r\n            jinsuolu: new TMap.MarkerStyle({\r\n              width: 70, // 样式宽\r\n              height: 90, // 样式高\r\n              src: require('@/assets/lianxi/jinsuolu.png'),\r\n            }),\r\n            tianjianhu: new TMap.MarkerStyle({\r\n              width: 70, // 样式宽\r\n              height: 90, // 样式高\r\n              src: require('@/assets/lianxi/tianjianhu.png'),\r\n            }),\r\n          },\r\n          geometries: [\r\n            {\r\n              id:'jinsuolu',\r\n              styleId: 'jinsuolu',\r\n              position: center,\r\n            },\r\n            {\r\n              id:'tianjianhu',\r\n              styleId: 'tianjianhu',\r\n              position: new TMap.LatLng(34.82445938630299, 113.4872592822943),\r\n            },\r\n          ],\r\n        });\r\n        var infoWindow = new TMap.InfoWindow({\r\n                map: map,\r\n                position: center,\r\n                offset: { x: 200, y: 100 } //设置信息窗相对position偏移像素\r\n            });\r\n            infoWindow.close();//初始关闭信息窗关闭\r\n            //监听标注点击事件\r\n            marker.on(\"mouseover\",  (evt)=> {\r\n                //设置infoWindow\r\n                infoWindow.open(); //打开信息窗\r\n                infoWindow.setPosition(evt.geometry.position);//设置信息窗位置\r\n                let neirong = ''\r\n                let title =''\r\n                let address = ''\r\n                if(evt.geometry.id == 'jinsuolu'){\r\n                  title = this.$t('guanyu.laochang')\r\n                  address = this.$t('guanyu.laochangaddress')\r\n                  neirong = \"<image style='width:240px;'  src='\"+require('@/assets/guanyu/jinsuolu.png')+\"'></image><div><div class='infotitle' style='font-size: 20px;font-weight: bold;margin-top:20px'>\"+title+\"</div>\"\r\n                }else{\r\n                  title = this.$t('guanyu.xinchang')\r\n                  address = this.$t('guanyu.xinchangaddress')\r\n                  neirong = \"<image style='width:240px;'  src='\"+require('@/assets/guanyu/tianjianhu.png')+\"'></image><div><div class='infotitle' style='font-size: 20px;font-weight: bold;margin-top:20px'>\"+title+\"</div>\"\r\n                }\r\n                neirong = neirong+\"<div class='infotitle' >\"+this.$t('theFreeCall')+\"：400-0318-908</div><div class='infotitle' >\"+this.$t('guanyu.theForeignTradeInAStraightLine')+\"：0086-371-67981000</div><div class='infotitle' >\"+this.$t('guanyu.phone')+\"：0086-371-67988888/67981888</div><div class='infotitle' style='padding-bottom:20px'>\"+address+\"</div></div>\"\r\n                console.log(evt.geometry.id);\r\n                infoWindow.setContent(neirong);//设置信息窗内容\r\n        })\r\n        \r\n       \r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n \r\n<style scoped lang=\"scss\">\r\n.search {\r\n  margin-bottom: 15px;\r\n  margin-top: -20px;\r\n}\r\n.address {\r\n  margin-top: 15px;\r\n  margin-bottom: 10px;\r\n  .el-button {\r\n    padding: 0;\r\n  }\r\n}\r\n.table {\r\n  .el-button {\r\n    padding: 0;\r\n  }\r\n}\r\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!./test.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!./test.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./test.vue?vue&type=template&id=695ecf4a&scoped=true&\"\nimport script from \"./test.vue?vue&type=script&lang=js&\"\nexport * from \"./test.vue?vue&type=script&lang=js&\"\nimport style0 from \"./test.vue?vue&type=style&index=0&id=695ecf4a&scoped=true&lang=scss&\"\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  \"695ecf4a\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/dist/cjs.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!./test.vue?vue&type=style&index=0&id=695ecf4a&scoped=true&lang=scss&\"","module.exports = __webpack_public_path__ + \"img/jinsuolu.19c3b458.png\";","module.exports = __webpack_public_path__ + \"img/tianjianhu.c05a0744.png\";","module.exports = __webpack_public_path__ + \"img/tianjianhu.9b7baaba.png\";","export default {\r\n    init: function (){\r\n        const AK = \"RW5BZ-YNYCP-3ZAD7-LXP5K-OQXHT-2PBLE\";\r\n        const TMap_URL = \"https://map.qq.com/api/gljs?v=1.exp&libraries=tools,service&key=\"+ AK +\"&callback=onMapCallback\";\r\n        return new Promise((resolve, reject) => {\r\n        // 如果已加载直接返回\r\n        if(typeof TMap !== \"undefined\") {\r\n            resolve(TMap);\r\n            return true;\r\n        }\r\n        // 地图异步加载回调处理\r\n        window.onMapCallback = function () {\r\n            resolve(TMap);\r\n        };\r\n\r\n        // 插入script脚本\r\n        let scriptNode = document.createElement(\"script\");\r\n        scriptNode.setAttribute(\"type\", \"text/javascript\");\r\n        scriptNode.setAttribute(\"src\", TMap_URL);\r\n        document.body.appendChild(scriptNode);\r\n        });\r\n    }\r\n}\r\n"],"sourceRoot":""}