关于高德地图Web端 js API Geolocation.getCurrentPosition获取定位失败的兼容方案

项目中用到高德地图 Web 端定位API,使用过程中发现chrome浏览器总是获取失败,Edge浏览器正常获取。基本报的是 Get geolocation time out 错误,提高定位超时时间偶尔会报Get geolocation failed

官方文档:

Geolocation.getCurrentPosition获取精确位置的流程是什么样的?

1、在PC端,因为原生接口成功率很低,JS-API会优先调用精确IP定位服务,在IP定位失败的时候,尝试使用浏览器原生定位接口进行定位,如果原生定位接口也定位失败,则返回error事件或回调error信息。定位成功之后我们会对浏览器定位的经纬度结果进行向高德坐标的转化,并对所有有效定位结果融合地址信息后返回complete事件或者回调complete信息。

2、在移动端,如果开发者开启了sdk辅助定位,那么安卓手机上我们会优先尝试调用sdk的定位接口,失败之后优先调用浏览器原生定位接口进行定位,浏览器定位失败之后尝试进行精确IP定位,如果以上三种定位全部尝试失败则返回error事件或回调error信息,否则和PC端的一样,定位成功之后进行高德坐标转化和地址融合。

3、我们在定位的回调或者事件响应中返回了message字段,message字段明确指出了每一步的成功和失败原因。

getCurrentPosition返回的message原因解析:

1、Get ipLocation failed:IP精确定位失败,精确IP定位服务目前无法完全覆盖所有用户IP,失败率在5%左右;

2、sdk定位失败:请检查sdk的key是否设置好,以及webview的定位权限及应用和系统的定位权限是否开启。

3、浏览器定位失败,有多种情况:
1)Browser not Support html5 geolocation:浏览器不支持原生定位接口,如IE较低版本的浏览器等;
2)Geolocation permission denied:用户禁用了定位权限,需要用户开启设备和浏览器的定位权限,并在浏览器弹窗中点击“允许使用定位”选项。
3)Geolocation permission denied:浏览器禁止了非安全域的定位请求,比如Chrome、IOS10已陆续禁止,这时候需要升级站点到HTTPS。注意Chrome不会禁止localhost等域名HTTP协议下的定位。
4)Geolocation permission denied:Access to geolocation was blocked over secure connection with mixed content,也就是在Https的页面中引用的http的资源。
5)Get geolocation time out:浏览器定位超时,包括原生的超时,可以适当增加超时属性的设定值以减少这一现象,另外还有个别浏览器(如google Chrome浏览器等)本身的定位接口是黑洞,通过其请求定位完全没有回应,也会超时返回失败。
6)Get geolocation failed:定位失败,Chrome、火狐以及部分套壳浏览器接入的定位服务在国外,有较大限制,失败率高。

注释:如果定位到城市即可满足需求,建议大家改用Geolocation.getCityInfo方法,可以根据IP返回用户所在城市的基本信息,包括省、市名称、adcode、citycode、城市中心点,城市矩形边界等信息。

具体代码:

getLocation() {
  const self = this;
  AMap.plugin("AMap.Geolocation", function () {
    var geolocation = new AMap.Geolocation({
      // 是否使用高精度定位,默认:true
      enableHighAccuracy: true,
      // 设置定位超时时间,默认:无穷大
      timeout: 10000,
    });
    geolocation.getCurrentPosition();
    AMap.event.addListener(geolocation, "complete", onComplete);
    AMap.event.addListener(geolocation, "error", onError);
    function onComplete(data) {
      // data是具体的定位信息 精准定位
      console.log(data);
    }
    function onError(data) {
      // 定位出错  非精准定位
      // console.log(data)
      self.getLngLatLocation();
    }
  });
},

获取定位失败时调用的代码:(非精准定位!!!)

// 获取经纬度,在获取具体定位失败时调用
getLngLatLocation() {
  AMap.plugin("AMap.CitySearch", function () {
    var citySearch = new AMap.CitySearch();
    citySearch.getLocalCity(function (status, result) {
      if (status === "complete" && result.info === "OK") {
        // 查询成功,result即为当前所在城市信息
        console.log(result);
        AMap.plugin("AMap.Geocoder", function () {
          var geocoder = new AMap.Geocoder({
            // city 指定进行编码查询的城市,支持传入城市名、adcode 和 citycode
            city: result.adcode,
          });
          var lnglat = result.rectangle.split(";")[0].split(",");
          geocoder.getAddress(lnglat, function (status, data) {
            if (status === "complete" && data.info === "OK") {
              // result为对应的地理位置详细信息
              console.log(data);
            }
          });
        });
      }
    });
  });
},

版权声明:本文为Liu331013原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。