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

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/a517690655/article/details/84141365

1、首先 

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

[code]$ npm install vue-baidu-map --save

npm安装完后在vue页面

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

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

</baidu-map>

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

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

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

阅读更多