javascript - 如何在 OpenLayers 中获取所选要素的事件或 DOM 元素

Question

我正在实现一个 OpenLayers SelectFeature 控件，并尝试将一个 JQuery UI 对话框小部件放置在所选功能的正上方。要使用 JQuery UI Position 实用程序，它需要一个 DOM 元素或一个事件。

SelectFeature 控件的 onSelect 回调为我提供了一个表示所选要素的 OpenLayers.Feature.Vector 对象。由此，如何获取所选功能的 DOM 元素或点击事件的 Event 对象？

  var selectControl = new OpenLayers.Control.SelectFeature(clientsLayer, {
            hover   : false,
            clickout: false,
            multiple: false,
            onSelect: function(feature) {
                // how do I get the DOM element of the feature
                // or alternately, the click event of the selection?
            }
   }); 

Answer 1

你做对了。

如果你做 console.log(feature)你会看到它返回一个 CLASS_NAME =“OpenLayers.Feature.Vector”

onSelect: function(feature) {
    console.log(feature);
}

<罢工>

更新:

我明白了。您可以添加事件监听器

var selectControl = new OpenLayers.Control.SelectFeature(clientsLayer, {
    hover: false,
    clickout: false,
    multiple: false,
    eventListeners: {
        featurehighlighted: function (event) {
            console.log(event);
            console.log(event.feature);
        }
    }
});