Vue前后端分离项目与vue-baidu-map百度地图api整合使用步骤

1、首先 

必须在index.html文件中引入  这段脚本，不然就算执行了下面的，地图也会不显示，这个是坑。

$ npm install vue-baidu-map --save

npm安装完后在vue页面

import BaiduMap from 'vue-baidu-map/components/Map/Map.vue' 

<baidu-map class="Bmap" :center="center" :zoom="zoom" @ready="handler">

</baidu-map>

class  样式中自己设置高度和宽度。

然后在data中定义 center经纬度，zoom地图显示级别

method中定义handler初始化方法即可