在 OpenLayers 上重绘之前清除 WMS 图层

Question

我目前正在使用 OpenLayers（Vector 和 WMS）成功显示多个图层。 我的应用程序允许用户修改一些参数，这将：
* 修改绑定
* 修改地图中心
* 修改WMS图片
我使用 Ajax 来避免页面重新加载，它工作得很好，但是当某些图层需要一段时间才能加载时，其他尚未重绘的图层仍然显示在后台（但与我的新上下文完全无关）。 我想在重新向服务器请求新图像之前清除 WMS 层（如果可能），但尚未找到任何内容。 我通过调用removeAllFeature()在矢量图层上执行此操作；

感谢您的帮助！

这是用户单击按钮时我的伪代码：

$.getJSON("url/updateMapConfig.php",
    {  
      data: $(this).serialize() ,   
      ajax: 'true',   
      cache: 'false'  
    },   
    function(j){  
      if (j.result == 'ok') {  
        var layersToShow = [];  
        // Refresh vector layer  
        for(var i=0;i<map.layers.length;i++) {  
          if (map.layers[i].isVector) {  
            map.layers[i].removeAllFeatures();  
            map.layers[i].refresh({force:true}); // Vector layer  
          }   
        }  
        // Refresh visible layers  
        for(var i=0;i<map.layers.length;i++) {  
          if (map.layers[i].visibility && !map.layers[i].isBaseLayer && !map.layers[i].isVector) { // Refresh visible non base  
              map.layers[i].redraw(true); // Other layer  
          }  
        }  
        // Set new bounds  
        var bounds = new OpenLayers.Bounds();  
          bounds.extend(new OpenLayers.LonLat(j.bounds.xmin-100, j.bounds.ymin-100));  
          bounds.extend(new OpenLayers.LonLat(parseInt(j.bounds.xmax)+100, parseInt(j.bounds.ymax)+100));  
        map.zoomToExtent(bounds);  
        // Move to destination point  
        if (j.poiCenter != "") {  
          eval("map.setCenter(new OpenLayers.LonLat("+j.poiCenter+"))");  
        }  
      }  
    }  
);  

Answer 1

我会使用 mergeNewParams 设置一个参数，使图层绘制为空白。该方法会触发图层的重绘。当回调从更新请求返回时，您执行相反的操作以使其再次正确绘制图层。

（我已经做了类似的事情，但我现在没有源代码）

编辑：

或者 - 当然 - 使用 可见性 图层属性。 :-)

Answer 2

在重绘之前，我终于在每一层上使用clearGrid()函数找到了一个美好的结局。

我还发现，如果有任何正在运行，此函数将停止图块加载。
示例我有两个基础层：EmptyLayer 和WhateverTiledBGLayer。
如果加载WhateverTiledBGLayer图块需要20秒，即使用户选择切换到空层，我也可以看到向服务器发出的请求，以获取WhateverTiledBGLayer上的剩余图块。

只需调用WhateverTiledBGLayer.clearGrid() 将停止请求图层。

感谢您的帮助。

Answer 3

您可以监听WMS图层的loadstart和loadend事件并相应地隐藏/显示图层。

快速测试表明，您无法在加载启动时将图层的可见性设置为 false，因为 OpenLayers 将停止请求该图层的新图像，并且它永远不会完全加载。您可以尝试使用 layer.display(false/true) 并查看它是否可以解决您的问题。代码应该如下所示：

 yourWmsLayer.events.on({
        “加载开始”：函数（）{
            显示（假）；
        },
        “加载端”：函数（）{
            this.display(true);
        } 
    });

顺便说一句，如果您没有在 WMS 图层上将 transitionEffect 设置为“调整大小”，则默认行为是在加载新图像之前删除旧图像。这不是你想要的吗？