admin管理员组

文章数量:1130349

前置工作可参考

https://blog.csdn/IT_iosers/article/details/121632819

完成秘钥申请后 找到你要实现的功能

这里使用官网的调用方式一

第一步 在index.html中引入js

  <script src="https://3gimg.qq/lightmap/components/geolocation/geolocation.min.js"></script>

第二步 根据官网构建qq.maps.Geolocation类

在你需要的页面的methods中构建

    initMap() {
      var geolocation = new qq.maps.Geolocation(
        '自己的秘钥',
        "myapp"
      );
    }

第三步 根据官网提供的参数实现 你要的定位

    initMap() {
      var geolocation = new qq.maps.Geolocation(
        '自己的秘钥',
        "myapp"
      );
      // 回调的第一次参数为成功后具体的位置信息
      geolocation.getLocation(
        postion => {
          console.log("成功", postion);
        },
        err => {
          console.log("定位失败");
        }
      );
    },

最后的效果

前置工作可参考

https://blog.csdn/IT_iosers/article/details/121632819

完成秘钥申请后 找到你要实现的功能

这里使用官网的调用方式一

第一步 在index.html中引入js

  <script src="https://3gimg.qq/lightmap/components/geolocation/geolocation.min.js"></script>

第二步 根据官网构建qq.maps.Geolocation类

在你需要的页面的methods中构建

    initMap() {
      var geolocation = new qq.maps.Geolocation(
        '自己的秘钥',
        "myapp"
      );
    }

第三步 根据官网提供的参数实现 你要的定位

    initMap() {
      var geolocation = new qq.maps.Geolocation(
        '自己的秘钥',
        "myapp"
      );
      // 回调的第一次参数为成功后具体的位置信息
      geolocation.getLocation(
        postion => {
          console.log("成功", postion);
        },
        err => {
          console.log("定位失败");
        }
      );
    },

最后的效果

本文标签： 腾讯地图Vue

版权声明：本文标题：vue腾讯地图h5 定位 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://it.en369.cn/jiaocheng/1755008593a2752633.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。