| | |
| | | totransferData: getSolidWasteData[i], |
| | | icon: L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [50, 50], |
| | | iconSize: [20, 20], |
| | | iconAnchor: [25, 25] |
| | | }) |
| | | }) |
| | |
| | | this.clickListener = (e) => { |
| | | // 点击marker的pulse()光波 |
| | | this.animalService.pulseEffect(e.latlng) |
| | | /* flyTo()弹出框平移事件 */ |
| | | // this.setPanTo(e.latlng, 200) |
| | | /* 点击数据的接口请求 */ |
| | | this.requestSolidWasteData(e).then(e) |
| | | } |
| | |
| | | |
| | | // 根据点击不同数据 进行接口的数据请求 |
| | | this.requestSolidWasteData = async (e) => { |
| | | // 基本信息展示 |
| | | // 基本信息 和 详细信息 展示数据所需参数 |
| | | const dataValue = { |
| | | StoragePlaceId: e.layer.options.totransferData.StoragePlaceId |
| | | } |
| | | // 基本信息 tabs |
| | | const resultBasic = await mapApi.getSolidWasteBaseInfo(dataValue) |
| | | // 详细信息展示 |
| | | // 详细信息展示 table |
| | | const resultDetailed = await mapApi.getSolidWasteDetail(dataValue) |
| | | |
| | | // 绑定弹框实例 |
| | | const PublicBounced = window.Vue.extend(publicBounced) |
| | | const instance = new PublicBounced() |
| | | instance.$mount() |
| | | document.body.appendChild(instance.$el) |
| | | instance.setData(resultBasic.Result.DataInfo, resultDetailed, 'gufei') |
| | | // 通过方法 向绑定弹框传递数据 |
| | | instance.setData(resultBasic.Result.DataInfo, resultDetailed.Result.DataInfo, 'gufei') |
| | | /* flyTo()弹出框平移事件 */ |
| | | this.setPanTo(e.latlng, 200) |
| | | } |
| | | |
| | | // flayTo() |
| | | // this.setPanTo = (pos, value) => { |
| | | // var position = pos |
| | | // position = this.map.latLngToLayerPoint(position) |
| | | // position.y += value |
| | | // position = this.map.layerPointToLatLng(position) |
| | | // this.map.flyTo(position) |
| | | // } |
| | | // flayTo() 弹框的可滑动事件 |
| | | this.setPanTo = (pos, value) => { |
| | | var position = pos |
| | | position = window.map.latLngToLayerPoint(position) |
| | | position.y += value |
| | | position = window.map.layerPointToLatLng(position) |
| | | window.map.flyTo(position) |
| | | } |
| | | } |