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个弹出窗口。

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

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

Answer 2

您可以将exclusive: true传递给addPopup以自动关闭所有其他弹出窗口，如：

map.addPopup(popup, true)

请参阅http://dev.openlayers.org/docs/files/OpenLayers/Map-js.html#OpenLayers.Map.addPopup

我发现这对于处理OpenLayers本身的bug-ass性质很有用。我不确定其他用户在与核电站进行比较时试图做些什么;这完全没必要。

Openlayer：删除多个弹出窗口

2 个答案: