openlayers 点击修改要素图标

要修改 OpenLayers 中要素的图标，可以通过以下步骤实现：

1. 定义要素的样式（包括图标），例如：

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon({
    src: 'path/to/icon.png',
    scale: 0.5
  })
});

2. 创建一个要素层，并将要素添加到该层中，例如：

var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [
      new ol.Feature({
        geometry: new ol.geom.Point([0, 0]),
        name: 'My Point'
      })
    ]
  }),
  style: iconStyle
});

3. 监听地图单击事件，并获取单击位置的要素，例如：

var map = new ol.Map({
  target: 'map',
  layers: [vectorLayer],
  view: new ol.View({
    center: [0, 0],
    zoom: 10
  })
});

map.on('click', function(evt) {
  var feature = map.forEachFeatureAtPixel(evt.pixel, function(feature) {
    return feature;
  });

  if (feature) {
    // 修改要素图标
    feature.setStyle(new ol.style.Style({
      image: new ol.style.Icon({
        src: 'path/to/new/icon.png',
        scale: 0.5
      })
    }));
  }
});

在单击事件中，使用 `forEachFeatureAtPixel` 方法获取单击位置的要素，然后使用 `setStyle` 方法设置要素的新样式（包括新图标）。