| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124 |
- 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)
- }
- })
- }
|