服务图层，动态生成

wangrui

2020-12-24 243c4782ce378d9238a60ae8cd41723657675d69

 src/components/helpers/ServiceLayerHelper.js

@@ -8,7 +8,9 @@
        this.map = options.map
        this.L = options.L
        this.tileLayersMap = new Map()
        this.tileLayersArray = []
        this.tileLayersWMSArray = []
        this.tileLayersWMTSArray = []
        this.tileLayersTileArray = []
        this.mapConfig = {}
    }

@@ -30,11 +32,11 @@
        for(let i = 0, len = mapConfig.mapConfig.ServiceLayers.length; i < len; ++i) {
            let opt = mapConfig.mapConfig.ServiceLayers[i]
            if(opt.type === 'wmts') {
                this.loadWmtsLayer(opt, isAddToMap)
                this.loadWmtsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
            }else if(opt.type === 'wms') {
                this.loadWmsLayer(opt, isAddToMap)
                this.loadWmsLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
            }else if(opt.type === 'tile') {
                this.loadTileLayer(opt, isAddToMap)
                this.loadTileLayer(opt, isAddToMap, mapConfig.mapConfig.ServiceLayers[i])
            }
        }
    }
@@ -44,28 +46,30 @@
     * @param {}} options 
     * @param {*} isAddToMap 
     */
    loadWmtsLayer(options, isAddToMap = true) {
    loadWmtsLayer(options, isAddToMap = true, config) {
        const layer = this.L.tileLayer(options.url, options.option);
    
        layer.config = config
        
        if(isAddToMap) {
            layer.addTo(this.map)
        }
        this.tileLayersMap.set(options.code, layer)
        this.tileLayersArray.push(layer)
        this.tileLayersWMTSArray.push(layer)
    }
    /**
     * 往地图中加入一个WMS服务
     * @param {}} options 
     * @param {*} isAddToMap 
     */
    loadWmsLayer(options, isAddToMap = true) {
    loadWmsLayer(options, isAddToMap = true, config) {
        const layer =this.L.tileLayer.wms(options.url, options.option);
    
        layer.config = config

        if(isAddToMap) {
            layer.addTo(this.map)
        }
        this.tileLayersMap.set(options.code, layer)
        this.tileLayersArray.push(layer)
        this.tileLayersWMSArray.push(layer)
    }

    /**
@@ -73,7 +77,7 @@
     * @param {}} options 
     * @param {*} isAddToMap 
     */
    loadTileLayer(options, isAddToMap = true) {
    loadTileLayer(options, isAddToMap = true, config) {
        const layer =this.L.tileLayer(options.url, {
            layers: options.layers || 'all',//country
            format: options.format || "image/png",
@@ -83,12 +87,13 @@
            minZoom: options.minZoom || 1,
            zoomOffset: options.zoomOffset || 0
        });
        layer.config = config
    
        if(isAddToMap) {
            layer.addTo(this.map)
        }
        this.tileLayersMap.set(options.code , layer)
        this.tileLayersArray.push(layer)
        this.tileLayersTileArray.push(layer)
    }
    /**
     * 隐藏服务图层
@@ -112,10 +117,36 @@
    }

    /**
     * 获取所有的服务图层
     * 获取所有的TILE服务图层
     */
    getTileLayers(){
        return this.tilelayersArray
        return this.tileLayersTileArray
    }
    /**
     * 获取所有的WMTS服务图层
     */
    getWmtsLayers(){
        return this.tileLayersWMTSArray
    }
    /**
     * 获取所有的WMS服务图层
     */
    getWmsLayers(){
        return this.tileLayersWMSArray
    }

    /**
     * 通过code查找WMS的服务配置
     * @param {} code wms服务配置的code
     */
    getWMSConfig(code){
        let mc = this.mapConfig
        for(let i = 0, len = mc.mapConfig.ServiceLayers.length; i < len; ++i) {
            if(code == mc.mapConfig.ServiceLayers[i].code && mc.mapConfig.ServiceLayers[i].type === 'wms'){
                return mc.mapConfig.ServiceLayers[i]
            }
        }
        return null
    }
}
export default ServiceLayerHelper