在vue中如何使用百度地图

在vue中如何使用百度地图

在vue中如何使用百度地图

1. 注册百度开发者账户 ，然后在应用管理中创建账号，ak将是使用百度地图的秘钥，如下所示：

2. 使用npm安装组件， npm install vue-baidu-map --save

3. 在 main.js 中引入组件，如图如下所示：
   

4. 在界面中使用百度地图，如下图所示 ：
   
   initMap({ BMap, map }) {
   this.map = map;
   map.setMapStyle({ style: ‘midnight’ });
   let point = new BMap.Point(116.889963, 36.665999); //设置城市经纬度坐标
   map.centerAndZoom(point, 14); //
   map.setCurrentCity(‘济南’); // 设置地图显示的城市 此项是必须设置的
   map.enableScrollWheelZoom(true); //鼠标滚动缩放
   },