{"version":3,"sources":["webpack:///./src/assets/lianxi/jinsuolu.png","webpack:///./src/views/test.vue","webpack:///src/views/test.vue","webpack:///./src/views/test.vue?deee","webpack:///./src/views/test.vue?7601","webpack:///./src/assets/guanyu/jinsuolu.png","webpack:///./src/views/test.vue?645a","webpack:///./src/assets/guanyu/tianjianhu.png","webpack:///./src/assets/lianxi/tianjianhu.png","webpack:///./src/utils/initMap.js"],"names":["module","exports","render","_vm","this","_self","_c","_m","staticRenderFns","staticStyle","attrs","data","mounted","initMap","methods","TMap","init","then","center","LatLng","map","Map","zoom","marker","MultiMarker","styles","jinsuolu","MarkerStyle","width","height","src","require","tianjianhu","geometries","id","styleId","position","infoWindow","InfoWindow","offset","x","y","close","on","evt","open","setPosition","geometry","neirong","title","address","$t","console","log","setContent","component","AK","TMap_URL","Promise","resolve","reject","window","onMapCallback","scriptNode","document","createElement","setAttribute","body","appendChild"],"mappings":"qGAAAA,EAAOC,QAAU,IAA0B,6B,yCCA3C,IAAIC,EAAS,WAAkB,IAAIC,EAAIC,KAAQD,EAAIE,MAAMC,GAAG,OAAOH,EAAII,GAAG,IAEtEC,EAAkB,CAAC,WAAY,IAAIL,EAAIC,KAAKE,EAAGH,EAAIE,MAAMC,GAAG,OAAOA,EAAG,MAAM,CAACA,EAAG,MAAM,CAACG,YAAY,CAAC,MAAQ,OAAO,OAAS,SAASC,MAAM,CAAC,GAAK,a,YCKtI,GACfC,OACA,UAEAC,UACA,KAAAC,WAEAC,QAAA,CAEAD,UACAE,OAAAC,OAAAC,KAAAF,IACA,IAAAG,EAAA,IAAAH,EAAAI,OAAA,uCAEAC,EAAA,IAAAL,EAAAM,IAAA,OACAC,KAAA,GACAJ,WAEAK,EAAA,IAAAR,EAAAS,YAAA,CACAJ,MACAK,OAAA,CAEAC,SAAA,IAAAX,EAAAY,YAAA,CACAC,MAAA,GACAC,OAAA,GACAC,IAAAC,EAAA,UAEAC,WAAA,IAAAjB,EAAAY,YAAA,CACAC,MAAA,GACAC,OAAA,GACAC,IAAAC,EAAA,WAGAE,WAAA,CACA,CACAC,GAAA,WACAC,QAAA,WACAC,SAAAlB,GAEA,CACAgB,GAAA,aACAC,QAAA,aACAC,SAAA,IAAArB,EAAAI,OAAA,yCAIAkB,EAAA,IAAAtB,EAAAuB,WAAA,CACAlB,MACAgB,SAAAlB,EACAqB,OAAA,CAAAC,EAAA,IAAAC,EAAA,OAEAJ,EAAAK,QAEAnB,EAAAoB,GAAA,YAAAC,IAEAP,EAAAQ,OACAR,EAAAS,YAAAF,EAAAG,SAAAX,UACA,IAAAY,EAAA,GACAC,EAAA,GACAC,EAAA,GACA,YAAAN,EAAAG,SAAAb,IACAe,EAAA,KAAAE,GAAA,mBACAD,EAAA,KAAAC,GAAA,0BACAH,EAAA,qCAAAjB,EAAA,2GAAAkB,EAAA,WAEAA,EAAA,KAAAE,GAAA,mBACAD,EAAA,KAAAC,GAAA,0BACAH,EAAA,qCAAAjB,EAAA,2GAAAkB,EAAA,UAEAD,IAAA,gCAAAG,GAAA,kEAAAA,GAAA,iGAAAA,GAAA,uGAAAD,EAAA,eACAE,QAAAC,IAAAT,EAAAG,SAAAb,IACAG,EAAAiB,WAAAN,UC7E6U,I,wBCQzUO,EAAY,eACd,EACArD,EACAM,GACA,EACA,KACA,WACA,MAIa,aAAA+C,E,8BCnBfvD,EAAOC,QAAU,IAA0B,6B,2DCA3C,W,qBCAAD,EAAOC,QAAU,IAA0B,+B,qBCA3CD,EAAOC,QAAU,IAA0B,+B,kCCA5B,QACXe,KAAM,WACF,MAAMwC,EAAK,sCACLC,EAAW,mEAAoED,EAAI,0BACzF,OAAO,IAAIE,QAAQ,CAACC,EAASC,KAE7B,GAAmB,qBAAT7C,KAEN,OADA4C,EAAQ5C,OACD,EAGX8C,OAAOC,cAAgB,WACnBH,EAAQ5C,OAIZ,IAAIgD,EAAaC,SAASC,cAAc,UACxCF,EAAWG,aAAa,OAAQ,mBAChCH,EAAWG,aAAa,MAAOT,GAC/BO,SAASG,KAAKC,YAAYL","file":"js/chunk-308b8c28.4e0d797e.js","sourcesContent":["module.exports = __webpack_public_path__ + \"img/jinsuolu.6e521c9d.png\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _vm._m(0)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticStyle:{\"width\":\"100%\",\"height\":\"750px\"},attrs:{\"id\":\"map\"}})])\n}]\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--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-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&prod&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","module.exports = __webpack_public_path__ + \"img/jinsuolu.19c3b458.png\";","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./test.vue?vue&type=style&index=0&id=695ecf4a&prod&scoped=true&lang=scss\"","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":""}