javascript - WMS 图层上基于 SLD 的选择 - 如何设置点击点的新样式？

Question

我正在尝试遵循这个例子: http://openlayers.org/dev/examples/SLDSelect.html

当我点击该点时，它的颜色应该改变，这是我的一段代码:

control =  new OpenLayers.Control.SLDSelect(
                    OpenLayers.Handler.Click,
                    {
                        //displayClass: 'olControlClick',
                        layers: [city]
                    }
                )

                map.addControl(control);
                 control.activate();

还是搞不懂displayClass有什么意义。以及如何分配新颜色。

Answer 1

displayClass 是在 SLDSelect 控件处于事件状态时使用的 css 类。要试用它并查看正在修改的 html 元素，请尝试像这样设置类:

   .olControlClick {
       cursor: crosshair;
       background-color: yellow;
       border: 5px solid green;
   }

当您刷新浏览器页面时，您可能会在层渲染时看到黄色背景闪烁，您会看到一个十字光标，并且您会看到 div 上的大绿色边框使用 css 类。

当 SLDSelect 控件处于事件状态时，使用它来修改 map div 的特性。

您可以通过在 SLDSelect 控件上调用 activate() 和 deactivate() 来解决这个问题。当控件未激活时(在调用 deactivate() 之后)，您将看不到 css 样式的工件(没有绿色边框，没有十字光标)。当控件处于事件状态时，您将看到这 2 个样式属性(边框和光标)。

This example可能有用，请确保查看源代码以查看 javascript。