{"remainingRequest":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\Map\\maptest.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\src\\views\\Map\\maptest.vue","mtime":1675071992678},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\thread-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"D:\\jenkins\\workspace\\xq-web-bpm\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n//\n\r\nlet marker,\r\n  lineArr = [\r\n    [116.478935, 39.997761],\r\n    [116.478939, 39.997825],\r\n    [116.478912, 39.998549],\r\n    [116.478912, 39.998549],\r\n    [116.478998, 39.998555],\r\n    [116.478998, 39.998555],\r\n    [116.479282, 39.99856],\r\n    [116.479658, 39.998528],\r\n    [116.480151, 39.998453],\r\n    [116.480784, 39.998302],\r\n    [116.480784, 39.998302],\r\n    [116.481149, 39.998184],\r\n    [116.481573, 39.997997],\r\n    [116.481863, 39.997846],\r\n    [116.482072, 39.997718],\r\n    [116.482362, 39.997718],\r\n    [116.483633, 39.998935],\r\n    [116.48367, 39.998968],\r\n    [116.484648, 39.999861],\r\n  ]\r\nexport default {\r\n  data() {\r\n    return {\r\n      mapvalue: '',\r\n      map: '',\r\n      markers: '',\r\n      lnglatvalue: [106.545034, 29.549649],\r\n      drawer: false,\r\n      direction: 'rtl',\r\n      start: true,\r\n      startShow: false,\r\n      cities: ['桥梁', '隧道', '涵洞', '边坡'],\r\n      checkboxGroup1: ['桥梁'],\r\n    }\r\n  },\r\n  methods: {\r\n    handleClose(done) {\r\n      done()\r\n    },\r\n    //初始化地图\r\n    initMap() {\r\n      let map = new AMap.Map('container', {\r\n        resizeEnable: true,\r\n        // center: [106.544857, 29.549371],\r\n        zoom: 17,\r\n      })\r\n\r\n      map.on('click', (e) => {\r\n        console.log(e)\r\n        this.lnglatvalue = [e.lnglat.getLng(), e.lnglat.getLat()]\r\n        this.addMaker(this.lnglatvalue)\r\n      })\r\n      this.map = map\r\n    },\r\n    //定位\r\n    location() {\r\n      let map = this.map\r\n      this.startShow=false\r\n      AMap.plugin('AMap.Geolocation', function () {\r\n        \r\n        var geolocation = new AMap.Geolocation({\r\n          enableHighAccuracy: true, //是否使用高精度定位，默认:true\r\n          timeout: 10000, //超过10秒后停止定位，默认：5s\r\n          buttonPosition: 'RB', //定位按钮的停靠位置\r\n          buttonOffset: new AMap.Pixel(10, 20), //定位按钮与设置的停靠位置的偏移量，默认：Pixel(10, 20)\r\n          zoomToAccuracy: true, //定位成功后是否自动调整地图视野到定位点\r\n        })\r\n        map.addControl(geolocation)\r\n\r\n      })\r\n    },\r\n    //轨迹回放\r\n    Animamap() {\r\n      this.drawer = false\r\n      this.startShow = true\r\n      this.map.clearMap()\r\n      let map = this.map\r\n      marker = new AMap.Marker({\r\n        map: map,\r\n        position: [116.478935, 39.997761],\r\n        icon: 'https://webapi.amap.com/images/car.png',\r\n        offset: new AMap.Pixel(-26, -13),\r\n        autoRotation: true,\r\n        angle: -90,\r\n      })\r\n      //为走过\r\n      let polyline = new AMap.Polyline({\r\n        map: map,\r\n        path: lineArr,\r\n        showDir: true,\r\n        strokeColor: '#28F', //线颜色\r\n        // strokeOpacity: 1,     //线透明度\r\n        strokeWeight: 6, //线宽\r\n        // strokeStyle: \"solid\"  //线样式\r\n      })\r\n      //走过\r\n      let passedPolyline = new AMap.Polyline({\r\n        map: map,\r\n        // path: lineArr,\r\n        strokeColor: '#AF5', //线颜色\r\n        // strokeOpacity: 1,     //线透明度\r\n        strokeWeight: 6, //线宽\r\n        // strokeStyle: \"solid\"  //线样式\r\n      })\r\n\r\n      marker.on('moving', function (e) {\r\n        passedPolyline.setPath(e.passedPath)\r\n      })\r\n      this.markers = marker\r\n      map.setFitView()\r\n    },\r\n    startAnimation() {\r\n      this.start = true\r\n      this.stopAnimation()\r\n      marker.moveAlong(lineArr, 200)\r\n    },\r\n    pauseAnimation() {\r\n      this.start = !this.start\r\n      marker.pauseMove()\r\n    },\r\n    resumeAnimation() {\r\n      this.start = !this.start\r\n      marker.resumeMove()\r\n    },\r\n    stopAnimation() {\r\n      marker.stopMove()\r\n    },\r\n    removemaker() {\r\n      this.map.remove(this.markers)\r\n    },\r\n    getmap() {\r\n      this.map.clearMap()\r\n      let map = this.map\r\n      let placeSearch = new AMap.PlaceSearch({\r\n        // city 指定搜索所在城市，支持传入格式有：城市名、citycode和adcode\r\n        city: '全国',\r\n      })\r\n      if (this.mapvalue) {\r\n        placeSearch.search(this.mapvalue, function (status, result) {\r\n          // 查询成功时，result即对应匹配的POI信息\r\n          console.log(result)\r\n          let pois = result.poiList.pois\r\n          for (let i = 0; i < pois.length; i++) {\r\n            let poi = pois[i]\r\n            let marker = []\r\n            marker[i] = new AMap.Marker({\r\n              position: poi.location, // 经纬度对象，也可以是经纬度构成的一维数组[116.39, 39.9]\r\n              title: poi.name,\r\n            })\r\n            // 将创建的点标记添加到已有的地图实例：\r\n            map.add(marker[i])\r\n            console.log(marker[i])\r\n          }\r\n          map.setFitView()\r\n        })\r\n      } else {\r\n        this.$message.error('请输入关键字')\r\n      }\r\n    },\r\n    //地图点击标点\r\n    addMaker(lnglatvalue) {\r\n      this.map.clearMap()\r\n      let map = this.map\r\n      let icon = new AMap.Icon({\r\n        size: new AMap.Size(25, 34),\r\n        image:\r\n          '//a.amap.com/jsapi_demos/static/demo-center/icons/dir-marker.png',\r\n        imageSize: new AMap.Size(135, 40),\r\n        imageOffset: new AMap.Pixel(-95, -3),\r\n      })\r\n      let marker = new AMap.Marker({\r\n        icon: icon,\r\n        position: lnglatvalue,\r\n        offset: new AMap.Pixel(-13, -30),\r\n      })\r\n      marker.setMap(map)\r\n      // 设置鼠标划过点标记显示的文字提示\r\n      marker.setTitle('我是marker的title')\r\n      // 设置label标签\r\n      // label默认蓝框白底左上角显示，样式className为：amap-marker-label\r\n      marker.setLabel({\r\n        offset: new AMap.Pixel(20, 20), //设置文本标注偏移量\r\n        content: this.mapvalue, //设置文本标注内容\r\n        direction: 'right', //设置文本标注方位\r\n      })\r\n    },\r\n  },\r\n  mounted() {\r\n    setTimeout(() => {\r\n      this.initMap()\r\n      this.location()\r\n      this.startShow=false\r\n    }, 1000)\r\n  },\r\n}\r\n",null]}