javascript - 在 OpenLayers 中为鼠标悬停和选择设置不同的格式？

Question

我在开放层中有一个矢量图层。 http://www.geos.ed.ac.uk/~s0825955/cgi-bin/maps6.pl

选择后，它会使用所选的格式意图，并会弹出一个弹出窗口。我希望当鼠标移动到图层上时显示所选格式，并且仅在单击该功能时显示弹出窗口。

我尝试将 {hover: true} 添加到 SelectFeature 控件，但这会使当您将鼠标移到 map 上时出现弹出窗口。

我还尝试添加第二个功能控件，弹出窗口不会监听该功能控件，但样式图也无法识别它。

有什么方法可以让我在未选择该功能的情况下拥有不同的悬停样式吗？

Answer 1

一次只能有一个 SelectFeature 控件处于事件状态，除非第二个控件具有属性 highlightOnly = true。来自 OpenLayers 文档:

highlightOnly{Boolean} - If true do not actually select features (that is place them in the layer’s selected features array), just highlight them.

尝试添加第二个仅更改样式的 SelectFeature 控件。它应该看起来像这样:

var hover_feature_control = new OpenLayers.Control.SelectFeature(
    [your_layer],
    {
        hover: true,
        highlightOnly: true,
        renderIntent: "temporary"
    }
);

renderIntent 属性应与您想要在样式映射中悬停时的样式名称相匹配。

    styleMap: new OpenLayers.StyleMap({
        'default': default_marker_style,
        'temporary': hover_marker_style
    })

确保从管理弹出窗口的控件中删除 {hover: true}!