请问vue3如何使用百度地图api的正/逆地址解析

问题遇到的现象和发生背景

现有一个vue3的项目，想在微信网页中点击获取地址显示当前位置，已知经纬度，需要百度地图api的正/逆地址解析，但放入后报错，请问有什么方法可以实现。

用代码块功能插入代码，请勿粘贴截图

import { ref } from 'vue';

export default {
    name: 'HelloWorld',
    setup() {
        //获取地址
        const getTheAddress = () => {
            var map = new BMapGL.Map("map");
            map.centerAndZoom(new BMapGL.Point(116.404, 39.915), 11);
            // 创建地理编码实例      
            var myGeo = new BMapGL.Geocoder();
            // 根据坐标得到地址描述    
            myGeo.getLocation(new BMapGL.Point(116.364, 39.993), function (result) {
                if (result) {
                    alert(result.address);
                }
            });
        };
        return {
            //获取地址
            getTheAddress,
  
        }
    },
}

运行结果及报错内容

我想要达到的结果

在微信网页中用已知的当前位置的经纬度换街道地址

朋友，你的百度地图api插件引用了嘛？