import {getShgcListForMap,getBaseList} from '../../../api/zhxxAPI.js' import {removeLayerById} from './removeLayerById.js' import { mapConfig } from '../config/mapConfig.js'; export function getYdbList(_self){ var ol = _self.$ol; removeLayerById(_self,'ydbGraphicLayer0'); removeLayerById(_self,'ydbGraphicLayer1'); removeLayerById(_self,'ydbGraphicLayer2'); // var symbol0 = new ol.style.Style({//未督查 0 // image: new ol.style.Icon(({ // anchor: [0.5, 0.5], // scale:0.4, // src: '/src/views/zongHeXinXiOl/assets/ydb0.png' // })) // }); // var symbol1 = new ol.style.Style({//督查中 1 // image: new ol.style.Icon(({ // anchor: [0.5, 0.5], // scale:0.4, // src: '/src/views/zongHeXinXiOl/assets/ydb1.png' // })) // }); // var symbol2 = new ol.style.Style({//已督查 // image: new ol.style.Icon(({ // anchor: [0.5, 0.5], // scale:0.4, // src: '/src/views/zongHeXinXiOl/assets/ydb2.png' // })) // }); var symbol,iconFeature; var features0 = []; var features1 = []; var features2 = []; getShgcListForMap(_self.userId,'11',_self.currentAdCode).then((res)=>{ if(res.data){ res.data.forEach((item)=>{ if(item.centerX && item.centerY){ // var pt = ol.proj.transform([item.centerX, item.centerY], "EPSG:4326", "EPSG:3857") var pt = _self.projTransform(new ol.geom.Point([Number(item.centerX), Number(item.centerY)]),mapConfig.wkid) iconFeature = new ol.Feature({ geometry: pt, name: '淤地坝' }); if(item.state == "1"){ item['layerId'] = 'ydbGraphicLayer1'; iconFeature.setProperties(item); symbol = new ol.style.Style({ image: new ol.style.Icon({ anchor: [0.5, 0.5], scale:0.4, src: "/src/views/zongHeXinXiOl/assets/ydb1.png" }), text: new ol.style.Text({ font: 'normal 14px 黑体', // // 对其方式 textAlign: 'center', // 基准线 textBaseline: 'middle', offsetY: -15, 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.nm }) }); iconFeature.setStyle(symbol); features1.push(iconFeature) }else if(item.state == "2"){ item['layerId'] = 'ydbGraphicLayer2'; iconFeature.setProperties(item); symbol = new ol.style.Style({ image: new ol.style.Icon({ anchor: [0.5, 0.5], scale:0.4, src: "/src/views/zongHeXinXiOl/assets/ydb2.png" }), text: new ol.style.Text({ font: 'normal 14px 黑体', // // 对其方式 textAlign: 'center', // 基准线 textBaseline: 'middle', offsetY: -15, 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.nm }) }); iconFeature.setStyle(symbol); features2.push(iconFeature) }else{ item['layerId'] = 'ydbGraphicLayer0'; iconFeature.setProperties(item); symbol = new ol.style.Style({ image: new ol.style.Icon({ anchor: [0.5, 0.5], scale:0.4, src: "/src/views/zongHeXinXiOl/assets/ydb0.png" }), text: new ol.style.Text({ font: 'normal 14px 黑体', // // 对其方式 textAlign: 'center', // 基准线 textBaseline: 'middle', offsetY: -15, 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.nm }) }); iconFeature.setStyle(symbol); features0.push(iconFeature) } } }); var vectorSource0 = new ol.source.Vector({ features: features0 }); var vectorLayer0 = new ol.layer.Vector({ source: vectorSource0, id:'ydbGraphicLayer0', visible:true }); var vectorSource1 = new ol.source.Vector({ features: features1 }); var vectorLayer1 = new ol.layer.Vector({ source: vectorSource1, id:'ydbGraphicLayer1', visible:true }); var vectorSource2 = new ol.source.Vector({ features: features2 }); var vectorLayer2 = new ol.layer.Vector({ source: vectorSource2, id:'ydbGraphicLayer2', visible:true }); _self.mapObject.addLayer(vectorLayer0) _self.mapObject.addLayer(vectorLayer1) _self.mapObject.addLayer(vectorLayer2) } }) } export function getAllYdbList(_self){ var ol = _self.$ol; removeLayerById(_self,'allYdbGraphicLayer'); var iconFeature; var features = []; getBaseList('11').then((res)=>{ if(res.data){ res.data.forEach((item)=>{ if(item.pcX && item.pcY){ // var pt = ol.proj.transform([Number(item.pcX), Number(item.pcY)], "EPSG:4326", "EPSG:3857") var pt = _self.projTransform(new ol.geom.Point([Number(item.pcX), Number(item.pcY)]),mapConfig.wkid) iconFeature = new ol.Feature({ geometry: pt, name: '全部淤地坝' }); item['layerId'] = 'allYdbGraphicLayer'; iconFeature.setProperties(item); var symbol = new ol.style.Style({//已督查 image: new ol.style.Icon({ anchor: [0.5, 0.5], scale:0.4, src: '/src/views/zongHeXinXiOl/assets/ydb2.png' }), text: new ol.style.Text({ font: 'normal 14px 黑体', // // 对其方式 textAlign: 'center', // 基准线 textBaseline: 'middle', offsetY: -15, 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.nm }) }); iconFeature.setStyle(symbol); features.push(iconFeature) } }); var vectorSource = new ol.source.Vector({ features: features }); var vectorLayer = new ol.layer.Vector({ source: vectorSource, id:'allYdbGraphicLayer', visible:true }); _self.mapObject.addLayer(vectorLayer) } }) }