vue-根据百度地图获取当前地址_vue3.0 百度 获取当前位置详细地址

//根据百度地图定位获取当前位置
//AK 申请地址http://lbsyun.baidu.com/apiconsole/key?application=key#/home
//页面引入
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak填写这里"></script>
getLocation() { 
       var _this = this
       //Toast.loading({message: '获取中...',forbidClick: true,duration:0}) 可以自定义loading效果
       var geolocation = new BMap.Geolocation();
           geolocation.getCurrentPosition(function(r){
	           if(this.getStatus() == BMAP_STATUS_SUCCESS){
	                if(r.latitude == null){
	                    //Toast.fail({message: '获取失败',forbidClick: true,duration:2000});// 自定义提示
	                    alert('获取失败')
	                    //拒绝位置授权                
	                    return;              
	                 }else{ 
	                    var gc = new BMap.Geocoder();
	                        gc.getLocation(r.point, function(rs){
	                            var datalist = rs.addressComponents;
	                            var address =  datalist.province +  datalist.city + datalist.district + datalist.street + datalist.streetNumber; 
	                             _this.address = address //获取到地址之后的赋值
	                            //Toast.clear(); //在拿到地址之后清除loading效果
	                        }); 
	                  }  
	            }else {
	              //Notify({ type: 'danger', message: this.getStatus() })
	               alert('获取失败')
	            }
	    }); 
     }
	

在这里插入代码片
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32