php - 开放层 : remove multiple popups

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. 弹出窗口 = 5, i = 0, max.popups.length = 5
2. popups = 4, i = 1, max.popups.length = 4
3. 弹出窗口 = 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]); 
  };
}

这不再与移动目标进行比较，而且执行速度也将比原来的循环更快，因为与零进行比较比与寄存器进行比较(在大多数计算机体系结构中)更快。