| | |
| | | const ImagBright = '/assets/images/map/exhaust/fq_bright_green.png' |
| | | |
| | | const mapApi = require('../../../api/mapApi').default |
| | | const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default |
| | | module.exports = function () { |
| | | /** |
| | | * 返回marker对象数组 |
| | |
| | | */ |
| | | this.init = async (layer, L) => { |
| | | this.animalService = new AnimalService({ L: L, layer: layer }) |
| | | const res = await mapApi.GetWasteGas() |
| | | const res = await mapApi.getWasteGas() |
| | | const data = res.Result.DataInfo || {} |
| | | console.log(data) |
| | | // console.log(data) |
| | | for (let i = 0; i < data.length; i++) { |
| | | // 经纬度 位置 |
| | | const positionX = data[i].Latitude |
| | |
| | | var iconUrl = this.differentTypes(ContrLevel) |
| | | |
| | | const marker = L.marker.magic([positionX, positionY], { |
| | | test: data[i], |
| | | icon: L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [50, 50], |
| | |
| | | } |
| | | |
| | | this.bindTooltip = (layer) => { |
| | | console.log(layer) |
| | | return '测试废气' |
| | | return layer.options.test.Name |
| | | } |
| | | |
| | | this.clickListener = (e) => { |
| | | console.log(e) |
| | | 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 PublicBounced = window.Vue.extend(publicBounced) |
| | | const instance = new PublicBounced() |
| | | instance.setGasData(e.layer.options.test, '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) { |
| | |
| | | } |
| | | 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) |
| | | } |
| | | } |