| | |
| | | totransferData: getSolidWasteData[i], |
| | | icon: L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [50, 50], |
| | | iconAnchor: [25, 25] |
| | | iconSize: [30, 30], |
| | | iconAnchor: [15, 15] |
| | | }) |
| | | }) |
| | | marker.bindTooltip(getSolidWasteData[i].Name, { |
| | | permanent: true, |
| | | offset: [0, 14], |
| | | direction: 'bottom', |
| | | className: 'company-bindTooltip' |
| | | }) |
| | | layer.addLayer(marker) |
| | | } |
| | |
| | | |
| | | // 根据点击不同数据 进行接口的数据请求 |
| | | 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) |
| | | this.setPanTo(e.latlng, 80) |
| | | } |
| | | |
| | | // flayTo() |
| | | // flayTo() 弹框的可滑动事件 |
| | | this.setPanTo = (pos, value) => { |
| | | var position = pos |
| | | position = window.map.latLngToLayerPoint(position) |