在VUE中使用百度地图获取经纬度,
1、在index.html 引入百度地图api
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=*******"></script>
ak=你的地图密匙
2、修改webpack.base.conf.js文件
entry: {
app: './src/main.js'
},
externals:{
"BMap":"BMap" // 加入externals
},
完成以上步骤后需要重新npm run dev启动,
3、在需要用到定位的页面调用:
data(){
return{
lng:"",
lat:"",
}
},
//获取经纬度
mounted(){
let point = new BMap.Point(this.lng, this.lat);
var geolocation = new BMap.Geolocation();
geolocation.getCurrentPosition((r) => {
if (r.point) {
this.lng = r.longitude;
this.lat = r.latitude;
console.log(this.lat,this.lng);
}
});
}