在VUE中获取经纬度

2,654 阅读1分钟

在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);
            }
	});
}