openlayers 更新点击要素的样式

要更新点击要素的样式，可以使用 OpenLayers 中的 select interaction。这个交互会在要素被点击时触发，你可以在其回调函数中更新要素的样式。

首先，你需要创建一个 select interaction：

var selectInteraction = new ol.interaction.Select({
    condition: ol.events.condition.click
});

然后，你可以在回调函数中更新要素的样式。这里是一个例子：

selectInteraction.on('select', function(e) {
    var selectedFeatures = e.target.getFeatures();
    selectedFeatures.forEach(function(feature) {
        feature.setStyle(new ol.style.Style({
            stroke: new ol.style.Stroke({
                color: 'red',
                width: 2
            }),
            fill: new ol.style.Fill({
                color: 'rgba(255, 0, 0, 0.1)'
            })
        }));
    });
});

在这个例子中，我们将选中的要素的边框颜色设置为红色，填充颜色设置为半透明红色。你可以根据你的需要自定义样式。