内嵌APP的H5定位解决方案

需求描述

我们公司有个观影项目,需要在其它APP中内嵌H5页面,而我们只能控制H5页面,这个H5项目需要获取用户定位,来查询周边附近影院。使了大量方法包括,百度定位,高德定位,腾讯浏览器定位等等,都不行,都会定位失败,最后还是用腾讯定位组件才成功获取定位。

先引入线上JS,我引入新版会报错,所以引入的是老版,但是老版已经不维护了大家可以引入新版

//老版  
<script charset="utf-8" src="https://3gimg.qq.com/lightmap/components/geolocation/geolocation.min.js"></script>
//新版
<script charset="utf-8" src="https://mapapi.qq.com/web/mapComponents/geoLocation/v/geolocation.min.js"></script>

以下是关键代码片段

var geolocation = new qq.maps.Geolocation("你腾讯地图申请的Key", "myapp_ay");
        geolocation.getLocation(
          (position) => {
            console.log('定位成功', position);
          },
          (err) => {
            console.log("定位失败", err);
          }
        )

最后贴上官方文档

腾讯前端定位组件

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值