1.在百度地图申请密钥: http://lbsyun.baidu.com/ 将
中的 密钥替换成你申请的,在 vue项目的index.html引用。
2. 在build 文件下下的 webpack.base.conf.js贴入代码
externals: {
"BMap": "BMap"
},
3. map.vue代码(demo可以直接使用,demo使用了vue-clipboard2插件,请自行安装)
定位
经度 {{userlocation.lng}}
纬度 {{userlocation.lat}}
<<<<点击左侧按钮复制经纬度信息
.allmap {
width: 100%;
height: 400px;
font-family: "微软雅黑";
border: 1px solid green;
}
.el-tag {
cursor: pointer;
}
总结
以上所述是小编给大家介绍的vue项目中使用百度地图的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持！
