Vue 引入原生百度地图

1.在 public/index.html 中的 head 标签结尾，为了引入原生外部 js ，需添加以下代码：

<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak={密钥}"></script>

2. 修改 vue.config.js

修改 module.exports 并添加以下部分：

configureWebpack:{
    externals: {
        BMap: 'BMap',
    }
}

3. 修改 src/main.js

首先 import 百度地图组件：

import BMap from 'BMap'

随后在 vue 中挂载百度地图组件：

new Vue({
    BMap,
    router,
    render: h => h(App)
}).$mount('#app')

随后，即可通过 js 代码使用 BMap 对地图进行初始化。