fj-dc-ui/.svn/pristine/0e/0e0f31d27b5cf18c70e38bae1912dfe6cc195d0b.svn-base

import {getShgcListForMap} from '../../../api/zhxxAPI.js'
import {removeLayerById} from './removeLayerById.js'
import { mapConfig } from '../config/mapConfig.js';
export function getShList(_self){
    var ol = _self.$ol;
    removeLayerById(_self,'shgcGraphicLayer0');
    removeLayerById(_self,'shgcGraphicLayer1');
    removeLayerById(_self,'shgcGraphicLayer2');
    // 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/shuihui0.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/shuihui2.png'
    //     }))
    // });
    // var symbol2 = new ol.style.Style({//2修复中
    //     image: new ol.style.Icon(({
    //         anchor: [0.5, 0.5],
    //         scale:0.4,
    //         src: '/src/views/zongHeXinXiOl/assets/shuihui1.png'
    //     }))
    // });
    var symbol,iconFeature;
    var features0 = [];
    var features1 = [];
    var features2 = [];
    getShgcListForMap(_self.userId,'3',_self.currentAdCode).then((res)=>{
        if(res.data){
            res.data.forEach((item)=>{
                if(item.lgtd && item.lttd){
                    // var pt = ol.proj.transform([item.lgtd, item.lttd], "EPSG:4326", "EPSG:3857")
                    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"){
                        item['layerId'] = 'shgcGraphicLayer1';
                        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/shuihui2.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.wtdstNm,
                          })
                        });
                        iconFeature.setStyle(symbol);
                        features1.push(iconFeature)
                    }else if(item.state == "2"){
                        item['layerId'] = 'shgcGraphicLayer2';
                        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/shuihui1.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.wtdstNm,
                          })
                        });
                        iconFeature.setStyle(symbol);
                        features2.push(iconFeature)
                    }else{
                        item['layerId'] = 'shgcGraphicLayer0';
                        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/shuihui0.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.wtdstNm
                          })
                        });
                        iconFeature.setStyle(symbol);
                        features0.push(iconFeature)
                    }
                }
            });
            var vectorSource0 = new ol.source.Vector({
                features: features0
            });
            var vectorLayer0 = new ol.layer.Vector({
                source: vectorSource0,
                id:'shgcGraphicLayer0',
                visible:true
            });
            var vectorSource1 = new ol.source.Vector({
                features: features1
            });
            var vectorLayer1 = new ol.layer.Vector({
                source: vectorSource1,
                id:'shgcGraphicLayer1',
                visible:true
            });
            var vectorSource2 = new ol.source.Vector({
                features: features2
            });
            var vectorLayer2 = new ol.layer.Vector({
                source: vectorSource2,
                id:'shgcGraphicLayer2',
                visible:true
            });
            _self.mapObject.addLayer(vectorLayer0)
            _self.mapObject.addLayer(vectorLayer1)
            _self.mapObject.addLayer(vectorLayer2)
        }
    })
}