javascript - OpenLayers 在悬停时突出显示功能并在单击时选择

Question

我正在使用 OpenLayers 来显示地图并提供一些绘图功能。我还在要绘制的矢量图层中添加了两个 SelectFeature。一种用于通过悬停突出显示绘制的特征，另一种用于通过单击选择特征。
我用这个例子来实现这一点。

问题是，这个解决方案并没有真正起作用（即使在给定的例子中）。
如果我绘制一个新特征，我可以通过将光标放在它上面来突出显示它，但不能通过单击来选择它。（在示例中相同，给定的功能可以正常工作，但在绘制一个新功能后，单击选择功能不再反应）

除了官方示例之外，还有其他解决方案可以实现这一点吗？

Answer 1

这个例子是4 个月前修改的，由于描述的混乱，编辑工具栏被排除在外。

Answer 2

我能够得到这样的工作。您需要按特定顺序激活控件：

highlightControl.activate();
selectControl.activate();
dragControl.activate();

悬停事件不由拖动和平移控制器处理，因此它们尝试选择控制器，它也不使用它们，将它们传递给高亮控制器。同样，点击事件不由拖动控制器处理，而是由选择控制器处理。最后，拖动事件由拖动控制器处理。最后被激活的是第一个被“咨询”的。