แสดงเลเยอร์ WFS หลายชั้นพร้อมป๊อปอัป

ฉันต้องการแสดง WFS หลายเลเยอร์และแสดงป๊อปอัปสำหรับเลเยอร์บนสุดเท่านั้น ฉันไม่ต้องการปิดการใช้งานป๊อปอัปเลเยอร์ฐานทั้งหมด หรือถ้าฉันไม่ต้องการแสดงคุณสมบัติเดียวจากทุกเลเยอร์ (รวมคุณสมบัติเลเยอร์ทั้งหมดไว้ในป๊อปอัปเดียว) ฉันได้ทำโค้ดไปบ้างแล้ว แต่ฉันไม่เข้าใจวิธีเพิ่มป๊อปอัปสำหรับเลเยอร์เดียวหรือป๊อปอัปสำหรับทุกเลเยอร์ แต่แสดงเท่านั้น คุณสมบัติที่เลือกในป๊อปอัปเดียว นี่คือรหัสของฉัน

  document.addEventListener('DOMContentLoaded',function(){

   var container = document.getElementById('popup');
   var content = document.getElementById('popup-content');
   var closer = document.getElementById('popup-closer');

    var baselayer = new ol.layer.Vector({
   title:'india ',
      source:new ol.source.Vector({
      url:"http://localhost:8088/geoserver/mapper/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=mapper:ind_adm1&maxFeatures=50&outputFormat=application%2Fjson",
    format:new ol.format.GeoJSON()
   })
   }) ;

   var layer = new ol.layer.Vector({
   title:'india boubdry points',
      source:new ol.source.Vector({
      url:"http://localhost:8088/geoserver/abc/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=abc:india&maxFeatures=50&outputFormat=application%2Fjson",
    format:new ol.format.GeoJSON()
   })
   }) ;



 var overlay = new ol.Overlay(({
 element: container
}));

   var map = new ol.Map({
    target: 'map',
    layers: [
    new ol.layer.Tile({
    source:new ol.source.OSM()
    }),
    baselayer,layer
    ],
overlays:[overlay],
    view:new ol.View({
    center:ol.proj.fromLonLat([78.3486781000,22.7622132000]),
    maxZoom:50,
    zoom:3
  })
  });

  var select=new ol.interaction.Select();
   select.on('select',function(e)
   {
   if(e.selected.length>0)
   {
   closer.addEventListener("click",function(evt)
   {
   container.style.display="none";
   })
   var cooordinates=e.mapBrowserEvent.coordinate
   content.innerHTML='<b>Bank:</b><i>'+e.selected[0].H["fid"]+'</i><br><b>state:</b><i>'+e.selected[0].H["st_name"]+'</i><br><b>District:</b><i>'+e.selected[0].H["type_1"]+'</i>';
  overlay.setPosition(cooordinates);
     container.style.display="block";
     }
     else
     {
        container.style.display="none";
     }
   });
   map.addInteraction( select);
  }); 

ขอบคุณ.