From 9ebe61e0dd331eeb53c3b0cb022c732ceb9e6b87 Mon Sep 17 00:00:00 2001 From: zhangshuaibao <15731629597@163.com> Date: 星期三, 31 三月 2021 15:36:58 +0800 Subject: [PATCH] 修改弹窗折线统计 --- src/components/LayerController/logic/WasteWater.js | 70 +++++++++++++++++++++-------------- 1 files changed, 42 insertions(+), 28 deletions(-) diff --git a/src/components/LayerController/logic/WasteWater.js b/src/components/LayerController/logic/WasteWater.js index b862b44..a5ca19f 100644 --- a/src/components/LayerController/logic/WasteWater.js +++ b/src/components/LayerController/logic/WasteWater.js @@ -2,48 +2,62 @@ * 搴熸按 */ const AnimalService = require('../service/AnimalService').default -const AjaxUtils = require('../../../utils/AjaxUtils').default +const mapApi = require('../../../api/mapApi').default -// const getWasteWater = require('../../../utils/axios').default +const testValue1 = '/assets/images/map/wastewater/fs_green.png' +const testValue2 = '/assets/images/map/wastewater/fs_yellow.png' module.exports = function () { /** * 杩斿洖marker瀵硅薄鏁扮粍 * @param L leaflet瀵硅薄 */ - this.init = (layer, L) => { - this.animalService = new AnimalService({ L: L, layer: layer }) - AjaxUtils.get4JsonDataByUrl('http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/ObtainningConInfo', { - companyId: 3900100145, - id: '', - monType: 1, - userCode: 'wenchun.deng', - monDuration: '', - epName: '', - secdDeptId: '', - contrLevel: '', - dataStatus: '', - dataFlag: '', - runStatus: '', - emissTypeId: '' - }, function (res) { - console.log(res) - const data = res.data.Result.DataInfo - for (let i = 0; i < data.length; i++) { - // 缁忕含搴� 浣嶇疆 - const positionX = data[i].Latitude - const positionY = data[i].Longitude - layer.addLayer(L.marker([positionX, positionY], {})) - } + this.init = async (layer, L) => { + this.animalService = new AnimalService({ + L: L, + layer: layer }) + const res = await mapApi.getWasteWater() + console.log(res) + const data = res.Result.DataInfo + console.log(data) + for (let i = 0; i < data.length; i++) { + // 缁忕含搴� 浣嶇疆 + const positionX = data[i].Latitude + const positionY = data[i].Longitude + + // 瀹氫箟绫诲瀷 鐢ㄦ潵鍖哄垎鏁版嵁鐨勪笉鍚� + const testValue = data[i].ContrLevel + const iconUrl = this.differentTypes(testValue) + const marker = L.marker.magic([positionX, positionY], { + icon: L.icon({ + iconUrl: iconUrl, + iconSize: [50, 50], + iconAnchor: [25, 25] + }) + }) + layer.addLayer(marker) + } } this.bindTooltip = (layer) => { - return 'aaaa' + return '娴嬭瘯搴熸按' } this.clickListener = (e) => { - console.log(e) + // console.log(e) this.animalService.pulseEffect(e.latlng) + return this.PublicBounced.$el + } + + // 鏍规嵁杩斿洖鍊肩殑涓嶅悓鏍囪涓嶅悓鍥剧墖 + this.differentTypes = (testValue) => { + let testChange + if (testValue === 1) { + testChange = testValue1 + } else { + testChange = testValue2 + } + return testChange } } -- Gitblit v1.8.0