使用边界框策略加载Open Layers 3 jsonp矢量层吗？

Question

使用OpenLayers3和边界框策略将要素从Geoserver加载到矢量层时遇到问题。 我试图找到如何使用边界框策略加载多个图层的方法，但是没有成功。 我发现的唯一示例是一层并且使用了全局函数，在我的情况下这是不适用的（ http://acanimal.github.io/thebookofopenlayers3/chapter03_08_loading_strategies.html ）。 问题是正在加载响应的函数未全局定义-如果是这样，我将不得不为我要加载的每个图层创建此类函数，对吗？ 这是请求功能的示例网址：

http://192.168.1.10/geoserver/wfs?service=WFS&version=1.1.0&request=GetFeature&typename=ubutrusty:places&outputFormat=text/javascript&format_options=callback:success&srsname=EPSG:32635&bbox=161473.81383919955,4698323.564696768,234672.52335922938,4767981.6354873795,EPSG:32635 

您可以看到format_options参数设置为callback：success ，我敢肯定这是问题所在，但是我在设置正确的回调函数方面很挣扎。 我对javascript的了解不是很好，所以这个问题对我来说并不容易。

这就是我试图创建一个新的矢量层的方法：

var layer = {
    name: 'ubutrusty:places',
    title: 'Позиции',
    source: createVectorLayer(layer),
    type: 'operational',
    visible: true,
    style: new ol.style.Style({
        stroke: new ol.style.Stroke({
            color: '#800000',
            width: 2
        })
    })
}

我要添加到地图的每个图层都会调用此函数-它返回ol.source.ServerVector对象：

MyApp.prototype.createVectorLayer = function(layerData){
    var vectorSource = new ol.source.ServerVector({
        format: new ol.format.GeoJSON(),
        loader: function(extent, resolution, projection) {
            extent = ol.proj.transformExtent(extent, projection.getCode(), ol.proj.get(layerData.srcEPSG).getCode());
            var url = config.proxyUrl + layerData.url + '?service=WFS&' +
                'version=1.1.0&request=GetFeature&typename=' + layerData.name + '&' + 'outputFormat=text/javascript' +
                '&format_options=callback:success&srsname=' + layerData.srcEPSG + '&bbox=' + extent.join(',') + ',' + layerData.srcEPSG;
            $.ajax({
                url: url,
                dataType: 'jsonp',
                success: function(data) {
                    this.addFeatures(this.readFeatures(data));
                },
                error: function (e) {
                    var wtf = e.status;
                }
            });
        },
        strategy: ol.loadingstrategy.bbox,
        projection: layerData.srcEPSG
    })

    return vectorSource;
}

MyApp.map.addLayer(new ol.layer.Vector(layer);

问题是，是否可以定义一个功能来从多个图层加载要素，如果可以，我该怎么做？ 如果我没有指定回调函数，则使用默认函数（对于geoserver为parseResponse ），该函数也未定义。 如果需要更多信息，我可以提供其他参数或代码示例。

谢谢

Answer 1

在您的URL中，您已经定义了回调函数的名称。 它是success ，并且由'&format_options=callback:success&srsname=' 。 如果要将createVectorLayer函数用于多个图层，则需要将其更改为'&format_options=callback:success.' + layerData.name.replace(':', '_') + '&srsName=' '&format_options=callback:success.' + layerData.name.replace(':', '_') + '&srsName=' 。 然后，您可以在全局对象字面量success创建函数注册表，您只需定义一次即可：

window.success = {};

然后，可以将以下代码添加到createVectorLayer函数中，该函数将为每个图层创建一个回调函数：

success[layerData.name.replace(':', '_')] = function(response) {
  vectorSource.addFeatures(vectorSource.readFeatures(response));
};