admin 管理员组

文章数量: 1184232

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

       地图组件 | 腾讯位置服务

2、在index.html文件引入：

 <script type="text/javascript" src="https://mapapi.qq/web/mapComponents/geoLocation/v/geolocation.min.js"></script>

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、控制台位置信息输出：

本文标签： 经纬度 腾讯 地理位置 地图 api

版权声明：本文标题：H5根据腾讯地图Api来获取地理位置经纬度 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://roclinux.cn/b/1755013762a3060037.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。