朝阳-wms属性查询与geojson服务加载

点击地图，获取图层元素属性信息（返回数据是json格式）：

map.on('singleclick', function(evt) {

                var view = map.getView();

                var viewResolution = view.getResolution();

                var source = that.tiled_curRoadPolygon.getSource();

                var urlrdcenter = source.getGetFeatureInfoUrl(

                         evt.coordinate, viewResolution, view.getProjection(),

                          {'INFO_FORMAT': 'application/json', 'FEATURE_COUNT': 50}

                 );

                urlrdcenter=urlrdcenter.replace('http://192.168.1.163:8080','');

                that.$axios.get('/api'+urlrdcenter,{//解决跨域

                    headers: {

                        'Content-Type': 'application/json;charset=UTF-8'

                    }

                })

                .then((res) => {

                    that.$refs.content.innerHTML = '<code>'+res.data+'</code>';

                })

                that.overlay.setPosition(coordinate);

            })

加载geojson服务：
             let mapAddlayers = (vectorLayerName,geojsonUrl,strokeColor,fillColor) => {
                 that.$axios.get('/api'+geojsonUrl)
                 .then((res) => {
                     let pJSON = (new GeoJSON()).readFeatures(res.data)
                    let vectorSource = new VectorSource({
                         features: pJSON
                    });
                     vectorLayerName = new VectorLayer({
                         source: vectorSource,
                         style: new Style({
                            stroke: new Stroke({
                               color: strokeColor,
                                 width: 1
                             }),
                            fill: new Fill({
                                color: fillColor
                             })
                         })
                    });
                     map.addLayer(vectorLayerName)
               });
             }
            mapAddlayers(this.vectorLayer_curroadcenter,this.geojson_curroadcenter,'blue','rgba(23, 20, 220, 0.8)');