本文介绍了如何在Vue项目中集成并使用百度地图。首先，你需要注册百度开发者账户并获取AK。接着，通过npm安装vue-baidu-map组件。然后，在main.js文件中引入并配置组件。在Vue组件中，初始化地图，设置地图风格、中心点、城市、鼠标滚轮缩放等选项。这样，你就可以在Vue应用中成功展示并操作百度地图了。
在vue中如何使用百度地图
在vue中如何使用百度地图
-
注册百度开发者账户 ，然后在应用管理中创建账号，ak将是使用百度地图的秘钥，如下所示：
-
使用npm安装组件， npm install vue-baidu-map --save
-
在 main.js 中引入组件，如图如下所示：
-
在界面中使用百度地图，如下图所示 ：
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); //鼠标滚动缩放
},
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
