使用OpenLayers，如何在单个层上显示不同功能的不同图标？

var layer = new ol.layer.Vector({
  source: new ol.source.Vector(),
  style: function(feature) {
    // 根据feature的属性来确定图标样式
    var iconStyle;
    var featureType = feature.get('type');
    if (featureType === 'type1') {
      iconStyle = new ol.style.Style({
        image: new ol.style.Icon({
          src: 'path/to/icon1.png'
        })
      });
    } else if (featureType === 'type2') {
      iconStyle = new ol.style.Style({
        image: new ol.style.Icon({
          src: 'path/to/icon2.png'
        })
      });
    }
    return iconStyle;
  }
});

var feature1 = new ol.Feature({
  geometry: new ol.geom.Point([x1, y1]),
  type: 'type1' // 表示功能类型为type1
});

var feature2 = new ol.Feature({
  geometry: new ol.geom.Point([x2, y2]),
  type: 'type2' // 表示功能类型为type2
});

layer.getSource().addFeature(feature1);
layer.getSource().addFeature(feature2);

var map = new ol.Map({
  layers: [layer],
  target: 'map',
  // 设置地图视图等其他属性
});