import {getPersonListForMap} from '../../../api/zhxxAPI.js' import {removeLayerById} from './removeLayerById.js' import { mapConfig } from '../config/mapConfig.js'; var _self; export function getPersonList(self){ _self = self; var ol = _self.$ol; removeLayerById(_self,'personGraphicLayer0'); removeLayerById(_self,'personGraphicLayer1'); // var iconStyle_online = new ol.style.Style({ // image: new ol.style.Icon(({ // anchor: [0.5, 0.5], // scale:0.5, // src: '/src/views/zongHeXinXiOl/assets/online.png' // })) // }); // var iconStyle_offline = new ol.style.Style({ // image: new ol.style.Icon(({ // anchor: [0.5, 0.5], // scale:0.5, // src: '/src/views/zongHeXinXiOl/assets/offline.png' // })) // }); var symbol,iconFeature; var features1 = []; var features0 = []; var obj = { "persGuid":_self.userId, "adCode": _self.currentAdCode }; getPersonListForMap(obj).then((res)=>{ if(res.data){ res.data.forEach((item)=>{ if(item.lgtd && item.lttd){ var pt = self.projTransform(new ol.geom.Point([Number(item.lgtd), Number(item.lttd)]),mapConfig.wkid) iconFeature = new ol.Feature({ geometry: pt, name: '督查人员' }); if(item.state == "1"){ symbol = new ol.style.Style({ image: new ol.style.Icon({ anchor: [0.5, 0.5], scale:0.4, src: '/src/views/zongHeXinXiOl/assets/online.png' }), text: new ol.style.Text({ font: 'normal 14px 黑体', // // 对其方式 textAlign: 'center', // 基准线 textBaseline: 'middle', offsetY: -20, offsetX: 0, fill: new ol.style.Fill({ color: 'white' }), stroke: new ol.style.Stroke({ color: 'black', lineCap: 'butt', width: 4 }), padding: [5, 5, 5, 5], text: item.persName, }) }); item['layerId'] = 'personGraphicLayer1'; iconFeature.setProperties(item); iconFeature.setStyle(symbol); features1.push(iconFeature) }else{ symbol = new ol.style.Style({ image: new ol.style.Icon({ anchor: [0.5, 0.5], scale:0.4, src: '/src/views/zongHeXinXiOl/assets/offline.png' }), text: new ol.style.Text({ font: 'normal 14px 黑体', // // 对其方式 textAlign: 'center', // 基准线 textBaseline: 'middle', offsetY: -20, offsetX: 0, fill: new ol.style.Fill({ color: 'white' }), stroke: new ol.style.Stroke({ color: 'black', lineCap: 'butt', width: 4 }), padding: [5, 5, 5, 5], text: item.persName, }) }); item['layerId'] = 'personGraphicLayer0'; iconFeature.setProperties(item); iconFeature.setStyle(symbol); features0.push(iconFeature) } } }); var vectorSource0 = new ol.source.Vector({ features: features0 }); var vectorLayer0 = new ol.layer.Vector({ source: vectorSource0, id:'personGraphicLayer0' }); var vectorSource1 = new ol.source.Vector({ features: features1 }); var vectorLayer1 = new ol.layer.Vector({ source: vectorSource1, id:'personGraphicLayer1' }); _self.mapObject.addLayer(vectorLayer0) _self.mapObject.addLayer(vectorLayer1) } }) }