Vue调用百度API接口查询省、市、区

// 这段代码写在js文件里
export function loadBMap(funcName) {
    const script = document.createElement("script");
    script.src = "http://api.map.baidu.com/api?v=2.0&ak=uvN6vatvU44OQ0a9yuXdQZxTXODHGuLI&callback=" + funcName;
    document.body.appendChild(script);
}

// 调用百度api查询
initBaiduMapScript() {
  window.initBaiduMapScript = () => {
    this.getLocation();
  }
  loadBMap('initBaiduMapScript');
},

 

// 调用哪个百度地图查询省、市、区
getLocation() {
  var _this = this
  this.$nextTick(function () {
    try {
      const geolocation = new BMap.Geolocation();
      geolocation.getCurrentPosition(function (r) {
        // 省
        let province = r.address.province
        // 市
        let city = r.address.city
        // 区
        let district = r.address.district
        // 省、市、区拼接
        let provinceAndCity = province + city + district
        _this.aaaa = provinceAndCity
        console.log(_this.aaaa)
        _this.drawer = true
        if (this.getStatus() == BMAP_STATUS_SUCCESS) {
          const {lat = null, lng = null} = r.point;
        }
      });
    } catch (e) {
      this.$message.warning(e)
    }
  })
},