{"version":3,"sources":["webpack:///./src/view/clue/map.vue","webpack:///src/view/clue/map.vue","webpack:///./src/view/clue/map.vue?baf5","webpack:///./src/view/clue/map.vue?0a13","webpack:///./src/view/clue/map.vue?5410"],"names":["render","_vm","this","_c","_self","staticClass","attrs","on","$event","$router","go","_v","plugin","center","zoom","events","_l","markers","marker","index","key","position","icon","title","visible","draggable","staticRenderFns","data","input","address","lng1","lat2","loaded","timeout","panToLocation","zoomToAccuracy","pName","click","e","methods","close","console","log","$emit","component"],"mappings":"uHAAA,IAAIA,EAAS,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,cAAc,CAACG,MAAM,CAAC,MAAQ,GAAG,MAAQ,WAAW,aAAa,IAAIC,GAAG,CAAC,aAAa,SAASC,GAAQ,OAAOP,EAAIQ,QAAQC,IAAI,OAAOP,EAAG,IAAI,CAACE,YAAY,OAAOC,MAAM,CAAC,KAAO,mGAAmG,CAACL,EAAIU,GAAG,UAAUR,EAAG,MAAM,CAACE,YAAY,uBAAuB,CAACF,EAAG,UAAU,CAACE,YAAY,YAAYC,MAAM,CAAC,IAAM,OAAO,OAASL,EAAIW,OAAO,OAASX,EAAIY,OAAO,KAAOZ,EAAIa,KAAK,OAASb,EAAIc,SAASd,EAAIe,GAAIf,EAAIgB,SAAS,SAASC,EAAOC,GAAO,OAAOhB,EAAG,iBAAiB,CAACiB,IAAIF,EAAOC,MAAMb,MAAM,CAAC,SAAWY,EAAOG,SAAS,KAAOH,EAAOI,KAAK,MAAQJ,EAAOK,MAAM,OAASL,EAAOH,OAAO,QAAUG,EAAOM,QAAQ,UAAYN,EAAOO,UAAU,IAAM,yBAAwB,IAAI,IAAI,IAEv1BC,EAAkB,GCcP,GAiBfC,OAEA,OACAC,MAAA,GACAC,QAAA,GACAf,KAAA,GACAD,OAAA,cACAiB,KAAA,EACAC,KAAA,EACAC,QAAA,EAEAf,QAAA,CACA,CACAI,SAAA,gBAIAT,OAAA,CACA,CACAqB,QAAA,IACAC,eAAA,EACAC,gBAAA,EACAC,MAAA,cAEArB,OAAA,CACAsB,MAAAC,QAsBAvB,OAAA,KAsCAwB,QAAA,CACAC,MAAAF,GACAG,QAAAC,IAAA,KAAAb,QAAA,MACA,KAAAc,MAAA,kBAAAf,UCzH2V,I,wBCQvVgB,EAAY,eACd,EACA5C,EACA0B,GACA,EACA,KACA,WACA,MAIa,aAAAkB,E,kECnBf","file":"js/chunk-10f36394.f9924731.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"clue-detail\"},[_c('van-nav-bar',{attrs:{\"fixed\":\"\",\"title\":\"九龙坡招商局地址\",\"left-arrow\":\"\"},on:{\"click-left\":function($event){return _vm.$router.go(-1)}}}),_c('a',{staticClass:\"send\",attrs:{\"href\":\"http://api.map.baidu.com/geocoder?address=九龙坡区招商投资促进局&output=html&src=webapp.baidu.openAPIdemo\"}},[_vm._v(\"一键导航\")]),_c('div',{staticClass:\"amap-page-container\"},[_c('el-amap',{staticClass:\"amap-demo\",attrs:{\"vid\":\"amap\",\"plugin\":_vm.plugin,\"center\":_vm.center,\"zoom\":_vm.zoom,\"events\":_vm.events}},_vm._l((_vm.markers),function(marker,index){return _c('el-amap-marker',{key:marker.index,attrs:{\"position\":marker.position,\"icon\":marker.icon,\"title\":marker.title,\"events\":marker.events,\"visible\":marker.visible,\"draggable\":marker.draggable,\"vid\":\"component-marker\"}})}),1)],1)],1)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"clue-detail\">\r\n    <van-nav-bar fixed title=\"九龙坡招商局地址\" left-arrow @click-left=\"$router.go(-1)\"></van-nav-bar>\r\n    <a class=\"send\" href=\"http://api.map.baidu.com/geocoder?address=九龙坡区招商投资促进局&output=html&src=webapp.baidu.openAPIdemo\">一键导航</a>\r\n    <div class=\"amap-page-container\">\r\n      <el-amap vid=\"amap\" :plugin=\"plugin\" class=\"amap-demo\" :center=\"center\" :zoom=\"zoom\" :events=\"events\">\r\n        <!-- 点击显示标记 -->\r\n        <el-amap-marker v-for=\"(marker, index) in markers\" :key=\"marker.index\" :position=\"marker.position\" :icon=\"marker.icon\" :title=\"marker.title\" :events=\"marker.events\" :visible=\"marker.visible\" :draggable=\"marker.draggable\" vid=\"component-marker\"></el-amap-marker>\r\n      </el-amap>\r\n      <!-- <el-input v-model=\"input\" placeholder=\"\"></el-input>\r\n      <el-button type=\"primary\" @click=\"close\" size=\"mini\">确定</el-button> -->\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  // watch: {\r\n  //   address1: {\r\n  //     handler(newvalue) {\r\n  //       console.log(newvalue, \"传过来的值\");\r\n  //       let a = newvalue.split(\",\");\r\n  //       let arr = a.map((item) => {\r\n  //         return Number(item);\r\n  //       });\r\n  //       console.log(arr, 111111);\r\n  //       this.center = arr;\r\n  //       this.markers[0].position=arr\r\n  //     },\r\n  //     deep: true, //true 深度监听\r\n  //     immediate: true,\r\n  //   },\r\n  // },\r\n  data() {\r\n    let self = this;\r\n    return {\r\n      input: '',\r\n      address: \"\", //获取的位置\r\n      zoom: 14, // 地图缩放\r\n      center: [106.51, 29.50], // 初始中心\r\n      lng1: 0, //经纬度\r\n      lat2: 0,\r\n      loaded: false,\r\n      // 点击显示的标记默认的定位\r\n      markers: [\r\n        {\r\n          position: [106.51, 29.50],\r\n        },\r\n      ],\r\n      // 自动定位到当前位置\r\n      plugin: [\r\n        {\r\n          timeout: 100, //超过10秒后停止定位，默认：无穷大\r\n          panToLocation: true, //定位成功后将定位到的位置作为地图中心点，默认：true\r\n          zoomToAccuracy: true, //定位成功后调整地图视野范围使定位位置及精度范围视野内可见，默认：f\r\n          pName: \"Geolocation\",\r\n\r\n          events: {\r\n            click(e) {\r\n              // alert(1)\r\n            },\r\n            // init(o) {\r\n            //   // o 是高德地图定位插件实例\r\n            //   o.getCurrentPosition((status, result) => {\r\n            //     console.log(status, result);\r\n            //     console.log(result.formattedAddress);\r\n            //     if (result && result.position) {\r\n            //       self.address = result.formattedAddress;\r\n            //       self.lng = result.position.lng;\r\n            //       self.lat = result.position.lat;\r\n            //       self.center = [self.lng, self.lat];\r\n            //       self.loaded = true;\r\n            //       self.$nextTick();\r\n            //     }\r\n            //   });\r\n            // }\r\n          },\r\n        },\r\n      ],\r\n      // 点击地图获取当前位置并显示标记\r\n      events: {\r\n        // click(e) {\r\n        //   console.log(e, 8888);\r\n        //   let { lng, lat } = e.lnglat;\r\n        //   self.lng = lng;\r\n        //   self.lat = lat;\r\n\r\n        //   self.markers = [\r\n        //     {\r\n        //       position: [self.lng, self.lat],\r\n        //       icon: \"\",\r\n        //       title: \"\",\r\n        //       events: {\r\n        //         click(o) { },\r\n        //       },\r\n        //     },\r\n        //   ];\r\n        //   // 这里通过高德 SDK 完成。\r\n\r\n        //   var geocoder = new AMap.Geocoder({\r\n        //     radius: 1000,\r\n        //     extensions: \"all\",\r\n        //   });\r\n        //   geocoder.getAddress([lng, lat], function (status, result) {\r\n        //     if (status === \"complete\" && result.info === \"OK\") {\r\n        //       if (result && result.regeocode) {\r\n        //         self.address = result.regeocode.formattedAddress; //获取到位置\r\n        //         console.log(self.address, 7777)\r\n        //         self.input = self.address\r\n        //         self.$nextTick();\r\n        //       }\r\n        //     }\r\n        //   });\r\n        // },\r\n      },\r\n\r\n    };\r\n  },\r\n  methods: {\r\n    close(e) {\r\n      console.log(this.address, 5555)\r\n      this.$emit('getaddress', this.input)\r\n    }\r\n  },\r\n};\r\n</script>\r\n<style scoped>\r\n.clue-detail {\r\n  padding-top: 8vh;\r\n  background: #ffffff;\r\n  min-height: 100vh;\r\n  position: relative;\r\n}\r\n.amap-demo {\r\n  width: 100%;\r\n  height: 100vh;\r\n}\r\n</style>\r\n","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!./map.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!./map.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./map.vue?vue&type=template&id=15821438&scoped=true\"\nimport script from \"./map.vue?vue&type=script&lang=js\"\nexport * from \"./map.vue?vue&type=script&lang=js\"\nimport style0 from \"./map.vue?vue&type=style&index=0&id=15821438&prod&scoped=true&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  \"15821438\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./map.vue?vue&type=style&index=0&id=15821438&prod&scoped=true&lang=css\""],"sourceRoot":""}