vue3 vite 引入百度地图api

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

链接：百度地图开放平台

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

1. index.html中导入

   <script src="//api.map.baidu.com/api?v=1.0&type=webgl&ak=申请的AK"></script>
   <script src="https://unpkg.com/mapvgl/dist/mapvgl.min.js"></script>

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';

    

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