| | |
| | | /** |
| | | * 固废 |
| | | */ |
| | | // 区分不同类型 使用不同img |
| | | const defaultImg = '/assets/images/map/solidwaste/voc.png' |
| | | const setting = '/assets/images/map/solidwaste/gf_green.png' |
| | | |
| | | const mapApi = require('../../../api/mapApi').default |
| | | const AnimalService = require('../service/AnimalService').default |
| | | const AjaxUtils = require('../../../utils/AjaxUtils').default |
| | | |
| | | module.exports = function () { |
| | | /** |
| | | * 返回marker对象数组 |
| | | * @param L leaflet对象 |
| | | */ |
| | | this.init = (layer, L) => { |
| | | this.init = async (layer, L) => { |
| | | this.animalService = new AnimalService({ |
| | | L: L, |
| | | layer: layer, |
| | | LayerPopup: null |
| | | layer: layer |
| | | }) |
| | | // AjaxUtils.get4JsonDataByUrl('http://10.246.162.140:8080/EPInterface/DataService/EPMapService.asmx/QueryStoragePlaceListByCompanyAndName', { |
| | | // AjaxUtils.get4JsonDataByUrl('http://xearth.cn:3000/wasteSolid/getSolidWaste', { |
| | | AjaxUtils.get4JsonDataByUrl('http://localhost:8888/static/SolidWaste.json', { |
| | | companyId: 3900100145, |
| | | userCode: 'wenchun.deng', |
| | | name: '', |
| | | marginWarr: '', |
| | | longDayWarr: '' |
| | | }, function (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], {})) |
| | | } |
| | | }) |
| | | const res = await mapApi.getSolidWaste() |
| | | console.log(res) |
| | | const data = res.Result.DataInfo || {} |
| | | for (let i = 0; i < data.length; i++) { |
| | | // 经纬度 位置 |
| | | const positionX = data[i].Latitude |
| | | const positionY = data[i].Longitude |
| | | |
| | | // 定义类型 用来区分数据的不同 |
| | | const judgeValue = data[i].StorageQty |
| | | var iconUrl = this.differentTypes(judgeValue) |
| | | |
| | | const marker = L.marker.magic([positionX, positionY], { |
| | | icon: L.icon({ |
| | | iconUrl: iconUrl, |
| | | iconSize: [50, 50], |
| | | iconAnchor: [25, 25] |
| | | }) |
| | | }) |
| | | layer.addLayer(marker) |
| | | } |
| | | } |
| | | |
| | | this.bindTooltip = (layer) => { |
| | |
| | | this.clickListener = (e) => { |
| | | this.animalService.pulseEffect(e.latlng) |
| | | console.log(e) |
| | | console.log(this.PublicBounced) |
| | | // return this.PublicBounced.$el |
| | | return this.PublicBounced.$el |
| | | } |
| | | |
| | | // 不同类型图片封装 |
| | | this.differentTypes = (judgeValue) => { |
| | | var effectOfChange |
| | | if (judgeValue === 1) { |
| | | effectOfChange = defaultImg |
| | | } else { |
| | | effectOfChange = setting |
| | | } |
| | | return effectOfChange |
| | | } |
| | | // 固废点击进行的 内容的设置 |
| | | // SetSolidWasteContent (config, containerPopup) { |