OSM (OpenLayers)에서 기능에 대한 팝업을 트리거하는 적절한 방법은 무엇입니까?

Question

필자는 기능 ID를 가지고 있기 때문에 GeoRSS로드 엔드에서 마커 레이어를 잡을 수는 있지만 프로그래밍 방식으로 팝업을 표시하는 방법을 아직 모르겠습니다.

필요에 따라 팝업을 만들 겠지만지도에 그려진 마커의 ID를 가져와 해당 이벤트를 호출 할 수 있어야합니다. jQuery를 사용하여 시도하고지도 요소에 $(marker-id).click() 이벤트를 호출하지만, 작동하지 않는 것 같습니다. 내가 뭘 놓치고 있니? 지금까지 나는 곳

내가 코드에 대한 질문을 받았다, 나는 추정 이후는 보일러 수 있기 때문에

은 여기 :

map = new OpenLayers.Map('myMap'); 
map.addLayer(new OpenLayers.Layer.OSM()); 
map.addLayer(new OpenLayers.Layer.GeoRSS(name,url)); 

//I've done some stuff as well in re: projections and centering and 
//setting extents, but those really don't pertain to this question. 

다른 곳

내가 나에게 좋은 목록의 jQuery 템플릿의 비트를 수행하고 구축했습니다 지도에 표시되는 모든 점을 표시합니다. 나는 레이어 loadend에서 콜백을 수행하고 레이어 객체를 얻는 방법을 알고, 수동으로 맵에서 레이어를 검색하는 방법을 알고, 레이어 컬렉션을 반복하고 레이어를 찾는 방법을 알고있다. 그래서 팝업에 대한 세부 정보를 얻을 수는 있지만 DOM 또는이 API의 기본 제공 메서드를 사용하여 element.click()을 쉽게 만들 수있는 방법을 알지 못합니다. 이는 내가 선호하는 것입니다. 해야 할 것.

Answer 1

팝업을 열려면이 기능을 클릭 할 필요가 없습니다.

먼저 기능 ID에서 기능에 대한 참조가 필요합니다. 레이어의 markers 속성을 사용하여 GeoRSS 레이어의 loadend 이벤트에서이 작업을 수행합니다.

당신이 당신의 기능에 대한 참조를 가지고 가정, 나는 자동 팝업 처리하는 방법을 작성합니다

var popups = {}; // to be able to handle them later 

function addPopup(feature) { 

var text = getHtmlContent(feature); // handle the content in a separate function. 

var popupId = evt.xy.x + "," + evt.xy.y; 
var popup = popups[popupId]; 
if (!popup || !popup.map) { 
    popup = new OpenLayers.Popup.Anchored(
     popupId, 
     feature.lonlat, 
     null, 
     " ", 
     null, 
     true, 
     function(evt) { 
      delete popups[this.id]; 
      this.hide(); 
      OpenLayers.Event.stop(evt); 
     } 
    ); 
    popup.autoSize = true; 
    popup.useInlineStyles = false; 
    popups[popupId] = popup; 
    feature.layer.map.addPopup(popup, true); 
} 
popup.setContentHTML(popup.contentHTML + text); 
popup.show(); 

} 

Answer 2

FWIW 나는 마침내 이것에 와서 완전히 다른 무언가를했다,하지만 그의 대답은 좋았다 하나.

//I have a list of boxes that contain the information on the map (think google maps) 
$('.paginatedItem').live('mouseenter', onFeatureSelected).live('mouseleave',onFeatureUnselected); 

function onFeatureSelected(event) { 
    // I stuff the lookup attribute (I'm lazy) into a global 
    // a global, because there can be only one 
    hoveredItem = $(this).attr('lookup'); 

    /* Do something here to indicate the onhover */ 
    // find the layer pagination id 
    var feature = findFeatureById(hoveredItem); 

    if (feature) { 

     // use the pagination id to find the event, and then trigger the click for that event to show the popup 
     // also, pass a null event, since we don't necessarily have one. 
     feature.marker.events.listeners.click[0].func.call(feature, event) 
    } 
} 
function onFeatureUnselected(event) { 
    /* Do something here to indicate the onhover */ 
    // find the layer pagination id 
    var feature = findFeatureById(hoveredItem); 

    if (feature) { 

     // use the pagination id to find the event, and then trigger the click for that event to show the popup 
     // also, pass a null event, since we don't necessarily have one. 
     feature.marker.events.listeners.click[0].func.call(feature, event) 
    } 

    /* Do something here to stop the indication of the onhover */ 

    hoveredItem = null; 
} 

function findFeatureById(featureId) { 
    for (var key in map.layers) { 
     var layer = map.layers[key]; 
     if (layer.hasOwnProperty('features')) { 
      for (var key1 in layer.features) { 
       var feature = layer.features[key1]; 
       if (feature.hasOwnProperty('id') && feature.id == featureId) { 
        return feature; 
       } 
      } 
     } 
    } 
    return null; 
} 

또한 내가 세계로 map을 유지 있습니다 그래서 나는