如何在vue3中访问openlayers地图的方法

import 'ol/ol.css';
import { Map, View } from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

<template>
  <div id="map"></div>
</template>

export default {
  mounted() {
    const map = new Map({
      target: 'map',
      layers: [
        new TileLayer({
          source: new OSM()
        })
      ],
      view: new View({
        center: [0, 0],
        zoom: 2
      })
    });
  }
}

export default {
  mounted() {
    // ...
  },
  methods: {
    addMarker() {
      const marker = new Feature({
        geometry: new Point([0, 0])
      });

      const vectorLayer = new VectorLayer({
        source: new VectorSource({
          features: [marker]
        })
      });

      this.map.addLayer(vectorLayer);
    }
  }
}