sysu_emap/src/main/webapp/static/package/geo_server_context.js

function GeoServerContext(opt,geoserver_path){
    this.local_wms_path = geoserver_path+"/wuhan/wms"
    this.local_wmts_path = geoserver_path+"/gwc/service/wmts"
    this.local_wfs_path = geoserver_path + "/wuhan/ows"
    this.actions = {}
    this.clicks = {}
    this.currentMap = opt.currentMap || window.map
    this.currentView = opt.currentView || window.view
    this.projection = opt.projection || window.projection
    this.wkt = new ol.format.WKT()
    let that = this
    this.currentMap.on("click", function(event){
        for(let id in that.clicks){
            let action = that.clicks[id]
            if(action && action.click){
                action.click(event, action)
            }
        }
    })
}

GeoServerContext.prototype = {
    createAction(key, Action, ext){
        if(!this.actions[key]){
            this.actions[key] = new Action(this, key, ext)
            this.actions[key].create()
        }
        return this.actions[key]
    },
    stopActions(){
        for(let key in this.actions){
            if(!this.actions[key].obj.layerData["always"]){
                this.actions[key].stop()
            }
        }
    },
    getInfo(layerName , coordinate, callback, error) {
        // coordinate = ol.proj.transform([coordinate[0],coordinate[1]],"EPSG:4326","EPSG:4526")
        console.log(layerName, coordinate)
        $.ajax({
            type : 'POST',
            url : "/postGisInfo/getInfo",
            data : {layerName: layerName, x : coordinate[0], y : coordinate[1]},
            dataType : 'json',
            success : function(res){
                callback(res)
            },error: function(req){
                if(error)
                    error(req)
            }
        });
    },
    //获取图例
    getSldStyleSign(styleName){
        $.ajax({
            type : 'POST',
            url : "/sld_style/sign",
            data : {styleName: styleName},
            dataType : 'json',
            success : function(res){
                let html = ""
                let data = JSON.parse(res.msg)
                for(let item of data){
                    html += '<div class="cutline-item">'
                    html += '<div class="item-color" style="background-color: '+item.fill+'"></div>'
                    html += '<div class="item-name">'+item.title+'</div>'
                    html += '</div>'
                }
                $("#cutline-items").html(html)
                console.log($("#cutline-items").html())
            }
        });
    }
}


function MyGeoJsonLayer(option){
    this.url = option.url;
    this.zIndex = option.zIndex || 0
    this.style = option.style
    this.source = new ol.source.Vector({
        projection: 'EPSG:4326',
        url: this.url, //GeoJSON的文件路径，用户可以根据需求而改变
        format: new ol.format.GeoJSON()
    })
    this.vector = new ol.layer.Vector({
        style: this.style,
        zIndex: this.zIndex,
        source: this.source
    });
}

MyGeoJsonLayer.prototype = {
}

function TipLayer(option){
    this.features = option.features || [];
    this.style = option.style
    this.zIndex = option.zIndex || 0
    this.source = new ol.source.Vector({
        projection: 'EPSG:4326'
    })
    for(let feature of this.features){
        let point = new ol.geom.Point(ol.extent.getCenter(feature.getGeometry().getExtent()))
        let pointFeature = new ol.Feature({geometry:point})
        let keys = feature.getKeys();
        for(let key of keys){
            if(key === "geometry"){
                continue
            }
            pointFeature.set(key,feature.get(key))
        }
        this.source.addFeature(pointFeature)
        console.log(pointFeature.getKeys())
    }
    this.vector = new ol.layer.Vector({
        style: this.style,
        zIndex: this.zIndex,
        source: this.source,
        maxZoom: 14
    });
}