Openlayers 5-如何使用不同的图标/图像设置一个标记？

<script src="https://cdn.jsdelivr.net/npm/ol@5.3.0/dist/ol.js"></script>

<div id="map" style="width: 100%; height: 400px;"></div>

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

var markerLayer = new ol.layer.Vector({
  source: new ol.source.Vector()
});
map.addLayer(markerLayer);

var marker = new ol.Feature({
  geometry: new ol.geom.Point(ol.proj.fromLonLat([longitude, latitude])),
  name: 'Marker',
  population: 4000,
  rainfall: 500
});

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

marker.setStyle(iconStyle);

markerLayer.getSource().addFeature(marker);