需求描述
我们公司有个观影项目,需要在其它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);
}
)
最后贴上官方文档