uniapp vue3 调用高德地图 api2.0

第一步 申请高德地图Key

 第二步 

JS API 结合 Vue 使用-基础-进阶教程-地图 JS API 2.0 | 高德地图API

第三步 踩坑

官方提供代码，运行后会发现，JSapi不支持，手机运行白屏、H5运行正常。

 官方示例

<script setup>
import { onMounted, onUnmounted } from "vue";
import AMapLoader from "@amap/amap-jsapi-loader";

let map = null;

onMounted(() => {
  window._AMapSecurityConfig = {
    securityJsCode: "「你申请的安全密钥」",
  };
  AMapLoader.load({
    key