openlayer鼠标经过高亮

要在OpenLayers中实现鼠标经过时高亮效果，可以按照以下步骤进行操作：

1. 创建一个样式函数，用于定义鼠标经过时的高亮样式：

var highlightStyle = new ol.style.Style({
  fill: new ol.style.Fill({
    color: 'rgba(255, 255, 255, 0.7)'
  }),
  stroke: new ol.style.Stroke({
    color: '#3399CC',
    width: 3
  }),
  image: new ol.style.Circle({
    radius: 7,
    fill: new ol.style.Fill({
      color: '#3399CC'
    })
  })
});

2. 创建一个高亮图层和高亮要素，并添加到地图中：

var highlightLayer = new ol.layer.Vector({
  source: new ol.source.Vector(),
  style: highlightStyle
});
map.addLayer(highlightLayer);

3. 监听鼠标移动事件，当鼠标移动到要素上时，将要素添加到高亮图层中：

var highlight;
map.on('pointermove', function(event) {
  if (highlight) {
    highlightLayer.getSource().removeFeature(highlight);
  }
  var feature = map.forEachFeatureAtPixel(event.pixel, function(feature) {
    return feature;
  });
  if (feature) {
    highlightLayer.getSource().addFeature(feature);
    highlight = feature;
  }
});

通过以上步骤，当鼠标经过地图上的要素时，会以高亮的样式显示该要素。