VUE百度地图API获取当前位置

第一步：

在项目的根目录下的index.html文件中添加如下代码

<script src="https://api.map.baidu.com/api?v=2.0&ak=此处填写申请的百度地图AK"></script>

第二步：

在build文件夹下的webpack.base.conf.js文件里面的module.exports中添加如下代码

externals:{
    'BMap': 'BMap'
 }

第三步：

控制台执行

npm install --save BMap

第四步：

在页面引入

import BMap from 'BMap';

第五步：

methods中添加如下方法：

atten() {
      //获取当前位置
      var address = null;
      var geolocation = new BMap.Geolocation();
      await geolocation.getCurrentPosition(function(r) {
        if (this.getStatus() == BMAP_STATUS_SUCCESS) {
          var mk = new BMap.Marker(r.point);
          //获取地址信息，设置地址label
          var gc = new BMap.Geocoder();
          gc.getLocation(r.point, function(rs) {
            //   debugger
            var addComp = rs.addressComponents;
            address =
              addComp.province +
              addComp.city +
              addComp.district +
              addComp.street +
              addComp.streetNumber; //获取地址
            console.log(address);//打印地址
          });
        } else {
          alert("failed" + this.getStatus());
        }
      });
    },

ok！