求助，弹窗中引入地图，地图无法显示

[zhangziyuan1416]

<script lang="ts"> import { defineComponent, nextTick, ref, unref } from 'vue'; import { useScript } from '/@/hooks/web/useScript'; import { BasicModal, useModalInner } from '/@/components/Modal';

const A_MAP_URL = 'https://webapi.amap.com/maps?v=2.0&key=7b909f986ccb634b6e02bfd19f183fea';

export default defineComponent({
components: { BasicModal },
props: {
width: {
type: String,
default: '500px',
},
height: {
type: String,
default: '500px',
},
},

setup() {
  const [register] = useModalInner((data) => {
    console.log(data);
  });
  const wrapRef = ref<HTMLDivElement | null>(null);
  const { toPromise } = useScript({ src: A_MAP_URL });
  async function initMap() {
    await toPromise();
    await nextTick();
    const wrapEl = unref(wrapRef);
    if (!wrapEl) return;
    const AMap = (window as any).AMap;
    new AMap.Map(wrapEl, {
      zoom: 11,
      center: [116.397428, 39.90923],
      viewMode: '3D',
    });
  }
  nextTick(() => {
    initMap();
  });

  return { register, wrapRef };
},

});
</script>