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,};},
};