fj-dc-ui/.svn/pristine/b4/b42270add0d6e27089cf63e6c968b62a9f69e18e.svn-base

import axios from 'axios'
let cancelRequest;
var cancelToken = new axios.CancelToken(function executor(c) {
	cancelRequest = c
	console.log(c)
	// 这个参数 c 就是CancelToken构造函数里面自带的取消请求的函数，这里把该函数当参数用
});
var desWasuScal = '';
var desWasuScalWidthZoom = [
    {
        zoom:0,
        desWasuScal:5000,
    },{
        zoom:1,
        desWasuScal:5000,
    },{
        zoom:2,
        desWasuScal:5000,
    },{
        zoom:3,
        desWasuScal:5000,
    },{
        zoom:4,
        desWasuScal:3000,
    },{
        zoom:5,
        desWasuScal:3000,
    },{
        zoom:6,
        desWasuScal:1000,
    },{
        zoom:7,
        desWasuScal:1000,
    },{
        zoom:8,
        desWasuScal:500,
    },{
        zoom:9,
        desWasuScal:'',
    },{
        zoom:10,
        desWasuScal:'',
    },{
        zoom:11,
        desWasuScal:'',
    },{
        zoom:12,
        desWasuScal:'',
    },{
        zoom:13,
        desWasuScal:'',
    },{
        zoom:14,
        desWasuScal:'',
    },{
        zoom:15,
        desWasuScal:'',
    },{
        zoom:16,
        desWasuScal:'',
    },{
        zoom:17,
        desWasuScal:'',
    },{
        zoom:18,
        desWasuScal:'',
    }
]
import {_longLatTransform} from '../mercatorToLngLat'
import {getShgcListForMap} from '../../../../api/zhxxAPI.js'
import {removeLayerById} from '../removeLayerById.js'
import { mapConfig } from '../../config/mapConfig.js';
export function getNcysgcList(_self){
    var ol = _self.$ol;
    removeLayerById(_self,'ncysgcGraphicLayer');
    desWasuScalWidthZoom.forEach((item)=>{
        if(item.zoom == _self.mapObject.getView().getZoom()){
            desWasuScal = item.desWasuScal;
        }
    });
    var maxLgtd = _self.mapObject.getView().calculateExtent()[2];
    var maxLttd = _self.mapObject.getView().calculateExtent()[3];
    var minLgtd = _self.mapObject.getView().calculateExtent()[0];
    var minLttd = _self.mapObject.getView().calculateExtent()[1];
    var bottomLeft = _longLatTransform({
        x:minLgtd,
        y:minLttd
    })
    var topRight = _longLatTransform({
        x:maxLgtd,
        y:maxLttd
    })
    var maxLgtd1 = topRight.x;
    var maxLttd1 = topRight.y;
    var minLgtd1 = bottomLeft.x;
    var minLttd1 = bottomLeft.y;
    var iconFeature,vectorSource,vectorLayer;
    var features = [];
    cancelRequest;
    getShgcListForMap(_self.userId,'21',_self.currentAdCode,maxLgtd1,maxLttd1,minLgtd1,minLttd1,desWasuScal).then((res)=>{
        if(res.data){
            res.data.forEach((item)=>{
                if(item.cwsLong && item.cwsLat){
                    // var pt = ol.proj.transform([item.cwsLong, item.cwsLat], "EPSG:4326", "EPSG:3857")
                    var pt = _self.projTransform(new ol.geom.Point([Number(item.cwsLong), Number(item.cwsLat)]),mapConfig.wkid)
                    iconFeature = new ol.Feature({
                        geometry: pt,
                        name: '农村饮水工程'
                    });
                    item['layerId'] = 'ncysgcGraphicLayer';
                    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/zongHeXinXiNew/assets/ncysgc.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.cwsName
                      })
                    });
                    iconFeature.setStyle(symbol);
                    features.push(iconFeature)
                }
            });
            vectorSource = new ol.source.Vector({
                features: features
            });
            vectorLayer = new ol.layer.Vector({
                source: vectorSource,
                id:'ncysgcGraphicLayer',
                visible:true
            });
            _self.mapObject.addLayer(vectorLayer)
        }
    })
}