Vue前后端分离项目与vue-baidu-map百度地图api整合使用步骤
1、首先 必须在index.html文件中引入 这段脚本,不然就算执行了下面的,地图也会不显示,这个是坑。$ npm install vue-baidu-map --savenpm安装完后在vue页面import BaiduMap from 'vue-baidu-map/components/Map/Map.vue'<baidu-map class="Bm...
·
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初始化方法即可
更多推荐
已为社区贡献1条内容
所有评论(0)