如何在vue2-google-map中填充标记

import { GoogleMapLoader, MapMarker } from 'vue2-google-map'

<template>
  <div>
    <google-map-loader :api-key="YOUR_API_KEY" :config="mapConfig">
      <template slot-scope="{ google }">
        <div class="map-container">
          <google-map :center="mapCenter" :zoom="mapZoom" :options="mapOptions" :google="google">
            <map-marker :position="markerPosition" :google="google"></map-marker>
          </google-map>
        </div>
      </template>
    </google-map-loader>
  </div>
</template>

data() {
  return {
    mapCenter: { lat: 37.7749, lng: -122.4194 }, // 地图中心点的经纬度
    mapZoom: 12, // 地图的缩放级别
    mapOptions: {
      // 地图的其他配置，例如地图类型、控件等
    },
    markerPosition: { lat: 37.7749, lng: -122.4194 } // 标记的位置的经纬度
  }
}

<style scoped>
.map-container {
  width: 100%;
  height: 400px;
}
</style>