vue3 vite 引入百度地图api

使用百度地图开放平台 - 开发文档中 javaScript API 和数据可视化 MapV GL

链接：百度地图开放平台

登录后控制台 – 左侧应用管理 – 我的应用 – 创建应用，申请 AK

1. index.html 中导入

2. 安装插件 npm i vite-plugin-externals -D
3. vite.config.ts 配置

   plugins: [
     viteExternalsPlugin({
       BMapGL: 'BMapGL',
       mapvgl: 'mapvgl'
     }),
   ]

4. 组件中使用（需要新建声明文件）否则提示无法找到模块“mapvgl”的声明文件

   import mapvgl from 'mapvgl'
   import BMapGL from 'BMapGL'

    

5. 声明文件（declare.d.ts）位置随意

   declare module 'BMapGL';
   declare module 'mapvgl';

    

以上仅供记录，如有不对，敬请指正！