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初始化方法即可