Vue 高德地图定位获取经纬度

index.html

<script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=高德的key"></script> 

temp.vue

<script src="https://webapi.amap.com/loader.js"></script>

getLocation() {
      let that = this;
      AMap.plugin("AMap.Geolocation", () => {
        var geolocation = new AMap.Geolocation({
          // 是否使用高精度定位，默认：true
          enableHighAccuracy: true,
          // 设置定位超时时间，默认：无穷大
          timeout: 10000,
        });
        // web可以获取城市信息，手机无效
        // geolocation.getCityInfo((status, result) => {
        //   var position = result.position
        //   console.log("position:", JSON.stringify(position))
        //   that.getCity(result.position[0], result.position[1]);
        // });

        geolocation.getCurrentPosition(function (status, result) {
          console.log("status, result", status, result);
          if (status === "complete") {
            console.log("定位失败:", JSON.stringify(result));
            var position = result.position
            that.getCity(position.lng, position.lat);
          } else {
            console.log("定位失败:", JSON.stringify(result));
          }
        });
      });
    },