导入  
import { openTencentMapPickPop } from '/@/components/xmmap/tencentMap'
// getTencentmapKey 从服务端获取腾讯地图key，可替换成自己的方法
import { getTencentmapKey } from '/@/api/backend/xmmap/tencentmap'
import { ElNotification } from 'element-plus'

const state = reactive({
    tencentMapKey: '',
})
// 获取腾讯地图key，可替换自己的接口
index().then((res) => {
    state.tencentMapKey = res.data
})
// 弹窗打开地图方法
const openMapPickPop = () => {
    if (state.tencentMapKey == '') {
        ElNotification({
            type: 'error',
            message: '请前往【系统配置】【第三方密钥】配置腾讯地图KEY',
        })
        return false
    }
    openTencentMapPickPop(state.tencentMapKey)
}
window.addEventListener('message', function (event) {
    if (event.data.type == 'tencent-map-data') {
        const currentData = JSON.parse(event.data.data)
        console.log('腾讯地图当前位置数据：', currentData)
    }
})

{
    "protectedFiles": ["web/src/components/xmmap/tencentMap.ts"]
}