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

小只笨笨狗～

已于 2022-09-19 16:26:52 修改

阅读量4.1k

点赞数 1

分类专栏：浏览器原生文章标签： servlet 前端 html

于 2022-09-01 11:18:50 首次发布

本文链接：https://blog.csdn.net/qq_51196135/article/details/126639335

版权

浏览器原生专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

地图组件 | 腾讯位置服务

2、在index.html文件引入：

 <script type="text/javascript" src="https://mapapi.qq.com/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⃣️经纬度定位：