| | |
| | | |
| | | const mapApi = require('../../../api/mapApi').default |
| | | const publicBounced = require('../../BaseNav/PublicBounced/PublicBounced').default |
| | | // const WasteGasChats = require('./WasteGasChats').default |
| | | module.exports = function () { |
| | | /** |
| | | * 返回marker对象数组 |
| | | * @param L leaflet对象 |
| | | */ |
| | | this.init = async (layer, L) => { |
| | | // console.log(WasteGasChats) |
| | | this.animalService = new AnimalService({ L: L, layer: layer }) |
| | | const res = await mapApi.getWasteGas() |
| | | // console.log(res) |
| | | const data = res.Result.DataInfo || {} |
| | | // console.log(data) |
| | | for (let i = 0; i < data.length; i++) { |
| | |
| | | // 定义类型 用来区分数据 |
| | | const ContrLevel = data[i].ContrLevel |
| | | var iconUrl = this.differentTypes(ContrLevel) |
| | | |
| | | const marker = L.marker.magic([positionX, positionY], { |
| | | // const marker = L.canvasMarker([positionX, positionY], { |
| | | // img: { |
| | | // // url: 'assets/images/map/marker-icon.png', |
| | | // url: iconUrl, |
| | | // size: STYLES.ICON_SIZE |
| | | // } |
| | | const marker = L.marker([positionX, positionY], { |
| | | test: data[i], |
| | | icon: L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [50, 50], |
| | | iconAnchor: [25, 25] |
| | | iconSize: [30, 38], |
| | | iconAnchor: [15, 19] |
| | | }) |
| | | }) |
| | | layer.addLayer(marker) |
| | |
| | | const dataValue = { |
| | | StoragePlaceId: e.layer.options.test.StoragePlaceId |
| | | } |
| | | const GasOnlinedata = { |
| | | onLineMonEmissPointId: '23', |
| | | monItemId: '28,31', |
| | | beginTime: '2020-04-06 15:13:20', |
| | | endTime: '2020-04-07 15:13:20', |
| | | dataType: '1' |
| | | } |
| | | const Mondata = await mapApi.getWasteGasMonData(GasOnlinedata) |
| | | console.log(Mondata) |
| | | 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, result.Result.DataInfo, 'feiqi') |
| | | instance.setGasData(e.layer.options.test, result.Result.DataInfo, Mondata.Result.DataInfo, 'feiqi') |
| | | // console.log(e.layer.options.test) |
| | | instance.$mount() |
| | | document.body.appendChild(instance.$el) |
| | | this.setPanTo(e.latlng, 240) |
| | | this.setPanTo(e.latlng, 80) |
| | | } |
| | | // 不同类型图片加载 |
| | | this.differentTypes = (ContrLevel) => { |