H5根据腾讯地图Api来获取地理位置经纬度

1、在腾讯地图官网申请开发密钥(key)

       地图组件 | 腾讯位置服务

2、在index.html文件引入：

3、在需要获取地理位置的页面 methods中定义方法：

1⃣️Ip定位：

  getLocation() {
      // debugger
      var geolocation = new window.qq.maps.Geolocation(
        "申请的密钥key",
        "demo"
      );
      geolocation.getIpLocation(this.showPosition, this.showErr);
    },
    showPosition(position) {
      // debugger
      console.log(position); //打印位置信息
      this.usePosition = position;
      positionApi({
        longitude: position.lng,
        latitude: position.lat,
        userNo: getPhone(),
      });
    },
    showErr() {},

2⃣️经纬度定位：

 ***两者区别：

 

4、调用-----this.getLocation( ) ----即可

5、控制台位置信息输出：