| | |
| | | // const AjaxUtils = require('../../../utils/AjaxUtils').default |
| | | |
| | | // 区分不同类型 使用不同img |
| | | const ImgBlue = '/assets/images/map/exhaust/fq_blue.png' |
| | | const ImgGray = '/assets/images/map/exhaust/fq_gray.png' |
| | | // const ImgBlue = '/assets/images/map/exhaust/fq_blue.png' |
| | | // const ImgGray = '/assets/images/map/exhaust/fq_gray.png' |
| | | const ImagGreen = '/assets/images/map/exhaust/fq_green.png' |
| | | const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png' |
| | | // const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png' |
| | | |
| | | const mapApi = require('../../../api/mapApi').default |
| | | const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default |
| | |
| | | this.clickListener = async (e) => { |
| | | // console.log(e) |
| | | this.animalService.pulseEffect(e.latlng) |
| | | // const dataValue = { |
| | | // StoragePlaceId: e.layer.options.test.StoragePlaceId |
| | | // } |
| | | // const result = await mapApi.getWasteGas(dataValue) |
| | | const dataValue = { |
| | | StoragePlaceId: e.layer.options.test.StoragePlaceId |
| | | } |
| | | const result = await mapApi.getWasteGasDetails(dataValue) |
| | | // console.log(result.Result.DataInfo) |
| | | const PublicBounced = window.Vue.extend(publicBounced) |
| | | const instance = new PublicBounced() |
| | | instance.setGasData(e.layer.options.test, 'feiqi') |
| | | console.log(e.layer.options.test) |
| | | instance.setGasData(e.layer.options.test, result.Result.DataInfo, 'feiqi') |
| | | // console.log(e.layer.options.test) |
| | | instance.$mount() |
| | | document.body.appendChild(instance.$el) |
| | | this.setPanTo(e.latlng, 240) |
| | | } |
| | | // 不同类型图片加载 |
| | | this.differentTypes = (ContrLevel) => { |
| | | var effectOfChange |
| | | if (ContrLevel === 1) { |
| | | effectOfChange = ImgBlue |
| | | } else if (ContrLevel === 2) { |
| | | effectOfChange = ImagGreen |
| | | } else if (ContrLevel === 3) { |
| | | effectOfChange = ImagBright |
| | | } else { |
| | | effectOfChange = ImgGray |
| | | } |
| | | /* |
| | | if (ContrLevel === 1) { |
| | | effectOfChange = ImgBlue |
| | | } else if (ContrLevel === 2) { |
| | | */ |
| | | effectOfChange = ImagGreen |
| | | // } else if (ContrLevel === 3) { |
| | | // effectOfChange = ImagBright |
| | | // } else { |
| | | // effectOfChange = ImgGray |
| | | // } |
| | | return effectOfChange |
| | | } |
| | | this.setPanTo = (pos, value) => { |
| | | var position = pos |
| | | position = window.map.latLngToLayerPoint(position) |
| | | position.y += value |
| | | position = window.map.layerPointToLatLng(position) |
| | | window.map.flyTo(position) |
| | | } |
| | | } |