在OpenLayer上收听Marker onClick

import 'ol/ol.css';
import Map from 'ol/Map';
import View from 'ol/View';
import { Feature } from 'ol';
import Point from 'ol/geom/Point';
import VectorSource from 'ol/source/Vector';
import VectorLayer from 'ol/layer/Vector';
import { Style, Icon } from 'ol/style';

// 创建地图
const map = new Map({
  target: 'map',
  layers: [
    new TileLayer({
      source: new OSM()
    })
  ],
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});

// 创建一个点标记
const pointFeature = new Feature({
  geometry: new Point([0, 0])
});

// 设置标记样式
pointFeature.setStyle(new Style({
  image: new Icon({
    src: 'https://openlayers.org/en/v6.5.0/examples/data/icon.png'
  })
}));

// 创建矢量数据源
const vectorSource = new VectorSource({
  features: [pointFeature]
});

// 创建矢量图层
const vectorLayer = new VectorLayer({
  source: vectorSource
});

// 将矢量图层添加到地图
map.addLayer(vectorLayer);

// 添加点击事件监听器
pointFeature.on('click', function(event) {
  alert('Marker clicked!');
});