Как перенести маркер на передний план в OpenLayers?

Question

У меня есть всплывающее окно, которое я объявляю как и в OpenLayers:

var feature = new O[penLayers.Feature(markers, lonLat); 
feature.popupClass = OpenLayers.Class(OpenLayers.Popup.FramedCloud, { 
    'autoSize': true; 
    'maxSize': new OpenLayers.Size(500, 300) 
}); 

Проблема в том, что многочисленные всплывающие окна на моей карте создаются с последовательным Z-индексами, поэтому всплывающие окна всегда будут отображаться в порядок добавления маркеров, при этом всплывающее окно последнего маркера всегда находилось на вершине.

Есть ли способ изменить его так, чтобы всплывающее окно с самым последним щелчком было сверху, а не последним добавленным маркером? Я попытался вручную изменить z-index в firebug (как тест), но он не выводит его на передний план. Я бы предпочел избежать удаления и изменения всплывающего окна или маркера, но, похоже, это единственное решение, которое я могу найти.

Answer 1

Я не мог понять, как надежно изменить z-индекс и заставить его работать, но я смог решить свою проблему, полностью удалив, а затем создав новый клон маркера карты, когда захочу его в фронт.

Answer 2

Вы можете использовать JQuery, чтобы сделать выходку zindex как этого

clientesLayer = new OpenLayers.Layer.Vector("PuntosVentas"); 


feature = new OpenLayers.Feature.Vector(
    new OpenLayers.Geometry.Point(vectorFatri.puntos[index][0],vectorFatri.puntos[index][1]), 
    {description: '<div><div class="popup_title"><h4>'+vectorFatri.imei+'</h4></div><div class="popup_content">'+vectorFatri.fecha[index]+'</div></div>'} , 
    { 
     strokeColor: "#00FF00", 
     strokeOpacity: 1, 
     strokeWidth: 2, 
     fillColor: "#FF5500", 
     fillOpacity: 0.5, 
     pointRadius: 6, 
     pointerEvents: "visiblePainted" 
    } 
); 

controls = { 
    selector: new OpenLayers.Control.SelectFeature(clientesLayer, { 

     onSelect: function (feature) { 
      feature.popup = new OpenLayers.Popup.FramedCloud("pop", 
        feature.geometry.getBounds().getCenterLonLat(), 
        new OpenLayers.Size(300,200), 
        '<div class="markerContent">'+feature.attributes.description+'</div>', 
        null, 
        true, 
        function() { controls['selector'].unselectAll(); } 
      ); 
      map.addPopup(feature.popup); 
      {# console.log('me seleccionaron');#} 

      //jquery trick to make the popup front of everything 
      $(".olPopup").css("z-index", 10000) 

      {# setTimeout(function(){$(".olPopup").css("z-index", 10000);}, 2000);#} 
     }, 

     onUnselect: function (feature) { 
      map.removePopup(feature.popup); 
      feature.popup.destroy(); 
      feature.popup = null; 
     } 
    }) 
} 

map.addControl(controls['selector']); 
controls['selector'].activate(); 
clientesLayer.addFeatures(feature); 

Answer 3

вызова ms.setZIndex(100000); где ms является контейнером маркеров (экземпляр OpenLayers.Layer.Markers);