Vuecli中引入百度地图

首先到百度官网获取密钥。

接下来使用cnpm命令将vue-baidu-map加载到node-modules中

cnpm i vue-baidu-map

然后再mian.js中import一下

import BaiduMap from 'vue-baidu-map';
Vue.use(BaiduMap,{
  ak:"这里ak的值就是你申请的百度地图密钥"
});

别忘记在index.html中引入！！！

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3&ak=给我的ak打个码"></script>
上面的那个ak还是之前百度申请的密钥，申请好了之后直接粘过来就行了

 

更改build目录下的webpack.dev.config.js，在入口目录（entry）对象下插入如下代码

 externals: {
    "BMap":"BMap",
    "BMap_Symbol_SHAPE_POINT":"BMap_Symbol_SHAPE_POINT"
  },

在要引入百度地图的页面使用

  import BMap from 'BMap'