2019-07-24

基于上一个文章发布一下调用百度地图搜索拿去当前的地理位置，页面有element-ui,记得去main.js配置element-ui，此处忽略

---

效果图：

拿去百度的接口获取需要的经纬度

---

---

拿到经纬度后，并且转换为当前地址的页面，这里面再次调用了百度的转换

data(){

return{

pointX: this.$route.query.pointX || "", // 经度

      pointY: this.$route.query.pointY || "", // 纬度

city: "正在获取当前位置",

}}

getaddress(){

if (this.pointX != "" && this.pointY != "") { //判断拿去到的经纬度不为空的话，跳进方法

        var point = new BMap.Point(this.pointX, this.pointY); //利用经纬度再次转换，获取当前的地理位置信息

        var geoc = new BMap.Geocoder();

        geoc.getLocation(point, rs => {

          // console.log(this);

          var addComp = rs.addressComponents;

          this.city =

            addComp.province + "-" + addComp.city + "-" + addComp.district;

          console.log(this.city);

          console.log(

            addComp.province +

              ", " +

              addComp.city +

              ", " +

              addComp.district +

              ", " +

              addComp.street +

              ", " +

              addComp.streetNumber

          );

        });

        return false

      }

}