Vue3使用地图进行展示标记点，第二次进入标记点未正常显示问题

在公司介绍页面，使用地图展示公司地址，效果如图所示。一个蓝色的小标记图标会显示。但是第二次进入这个页面这个图标就没有展示了

原因：Vue 3 组件中，地图标记在第一次进入页面时正常显示，但在切换路由并返回时不显示，可能是由于地图实例的重新初始化或销毁问题，解决办法如下：

import { onMounted, onUnmounted, ref } from "vue";

export default {
  setup() {
    let map = ref(null);

    onMounted(() => {
      // 初始化地图
      map.value = new AMap.Map("mapContainer", {
        center: [x, y], // 设置中心点
        zoom: 18, // 设置缩放级别
      });

      // 添加标记
      const marker = new AMap.Marker({
        position: new AMap.LngLat(x, y),
        title: "标记点名称",
      });
      map.value.add(marker);
    });

    onUnmounted(() => {
      // 清理地图实例
      if (map.value) {
        map.value.destroy();
        map.value = null;
      }
    });

    return {
      map,
    };
  },
};