Tampilkan beberapa lapisan WFS dengan popup

Saya ingin menampilkan beberapa lapisan WFS dan menampilkan popup hanya untuk lapisan atas. Saya tidak ingin menonaktifkan semua popup lapisan dasar. Atau jika saya tidak ingin menampilkan satu fitur dari semua lapisan (menggabungkan semua fitur lapisan dalam satu popup). Saya telah melakukan beberapa kode tetapi saya tidak mengerti cara menambahkan popup untuk satu lapisan atau popup untuk semua lapisan tetapi hanya menampilkan fitur yang dipilih dalam satu popup. Ini kode saya,

  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);
  }); 

Terima kasih.


person Seema Barate    schedule 09.05.2017    source sumber