Openlayersでポリゴンを重ねるときに複数のポップアップを表示

Question

ポリゴンベクトルオブジェクトを持つマップがあります。

ポリゴン間に重畳が存在する可能性があります。すなわち、より大きなポリゴンは時には小さなポリゴンの上にあることもあります。
Openlayersでは、1つではなく2つのポップアップを表示できますか？（最初のポップアップは上のポリゴンに関連し、2番目のポップアップは下のポリゴンに関連しています）または、2つのポリゴンの属性を含む1つのポップアップ？

私は情報を探しましたが、それについては何も見つかりませんでした。その件名（Display multiple WFS layers with popup）がありますが、答えはありません。

ありがとうございました！

Answer 1

ユーザーエクスペリエンスを向上させるために、2つのポリゴンの属性を含む1つのポップアップを表示することをおすすめします。

例：jsfiddle例でhttp://jsfiddle.net/HarolddP/2wfo5acf/3/

ブラジルポリゴンの上に三角形ポリゴンが存在します。両方とも属性がnameです。ポップアップのinnerHTMLは、フィーチャー（ポリゴン）をループし、innerHTMLに属性を追加することで埋められます。どのテキストがどのポリゴンに属しているかを知るために、コンテンツの読みやすさのためにスタイリングを追加してください。

if (features.length > 0) { 
    for (var i = 0, ii = features.length; i < ii; ++i) { 
     popup.innerHTML = popup.innerHTML + ' ' + features[i].get('name'); 
    } 
}