在vue中使用道具设置默认地图居中

<template>
  <div>
    <MapComponent :center="defaultCenter" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      defaultCenter: { lat: 40.7128, lng: -74.0060 } // 默认中心坐标为纽约市
    };
  }
};
</script>

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

<script>
export default {
  props: {
    center: {
      type: Object,
      required: true
    }
  },
  mounted() {
    // 使用传递的中心坐标初始化地图
    const map = new google.maps.Map(document.getElementById("map"), {
      center: this.center,
      zoom: 10
    });
  }
};
</script>