Openlayer3图标鼠标悬停动画

// 创建一个图标样式
var iconStyle = new ol.style.Style({
  image: new ol.style.Icon({
    src: 'icon.png', // 图标的URL
    scale: 1.2 // 图标的放大倍数
  })
});

// 创建一个图层
var vectorLayer = new ol.layer.Vector({
  source: new ol.source.Vector({
    features: [
      new ol.Feature({
        geometry: new ol.geom.Point([0, 0]), // 图标的位置
        name: '图标' // 图标的名称
      })
    ]
  }),
  style: function(feature) {
    return iconStyle;
  }
});

// 创建一个地图
var map = new ol.Map({
  layers: [
    new ol.layer.Tile({
      source: new ol.source.OSM()
    }),
    vectorLayer
  ],
  target: 'map',
  view: new ol.View({
    center: [0, 0],
    zoom: 2
  })
});

// 添加鼠标悬停事件监听器
map.on('pointermove', function(event) {
  var feature = map.forEachFeatureAtPixel(event.pixel, function(feature) {
    return feature;
  });
  if (feature) {
    // 鼠标悬停在图标上时，设置图标的动画效果
    iconStyle.getImage().setScale(1.5); // 放大图标
  } else {
    // 鼠标离开图标时，恢复图标的原始样式
    iconStyle.getImage().setScale(1.2); // 恢复图标的放大倍数
  }
});