Openlayer:删除多个弹出窗口

Question

我正在尝试使用OpenLayers 2.11创建空间调查,但是关闭多个弹出窗口的函数存在一些问题.

以下代码适用于一个弹出窗口,但该函数无法关闭多个弹出窗口并发布内容.

是否有OpenLayers方法在创建新弹出窗口时销毁旧弹出窗口？

function submitform() {
  document.myform.submit();
  loop_popups();
}

-

function loop_popups() {
  for( var i = 0; i < map.popups.length; ++i ) { 
    map.removePopup(map.popups[i]); 
  };
}

-

<form name="myform" action="sqlinsert.php" method="post" target="_blank">
<a href="javascript: submitform()">Save/close</a>

Answer 1

使用i从阵列中删除成员时对数组进行计数只会删除一半标记.相反,尝试:

while( map.popups.length ) {
  map.removePopup( map.popups[0] );
}

如果你想确保循环不会永远重复:

/**
 * Closes all the popups.
 */
function closePopups() {
  // Make sure the loop terminates...
  var maxIterations = 100;

  while( map.popups.length && --maxIterations ) {
    var popup = map.popups[0];
    map.removePopup( popup );
    popup.destroy();
  }
}

这种约束环路技术用于核电站.

假设你有5个弹出窗口.

1. popups = 5,i = 0,max.popups.length = 5
2. popups = 4,i = 1,max.popups.length = 4
3. popups = 3,i = 2,max.popups.length = 3
4. popups = 2,i = 3,max.popups.length = 2

i现在的价值超过了max.popups.length.循环终止,但某些弹出窗口尚未关闭.(尝试访问弹出窗口数组时,甚至可能出现索引超出范围错误...)

你可以写你的循环:

function loop_popups() {
  for( var i = map.popups.length - 1; i >= 0; i-- ) { 
    map.removePopup(map.popups[i]); 
  };
}

这不再与移动目标进行比较,并且还将比原始循环执行得更快,因为与零比较比在寄存器上(在大多数计算机体系结构上)更快.