在Vue 3和Vite项目中引入百度地图API,你需要遵循以下步骤:
- 在
index.html
中通过script标签引入百度地图的SDK。 - 在Vue组件中创建地图实例。
首先,在index.html
中添加百度地图SDK的引用(确保替换YOUR_AK
为你的百度地图API Key):
然后,在Vue组件中创建地图:
确保你的Vite配置允许外部脚本的引入。如果你使用的是Vite 2+,默认情况下应该是允许的。如果你使用的是Vite 1.x或更早,可能需要在vite.config.js
中配置externals
。
以上代码实现了在Vue 3和Vite项目中引入百度地图API的基本步骤。记得替换YOUR_AK
为你的实际API Key。