前些天做个毕设,使用高德地图API的浏览器和IP定位贼不稳定,之前搜集文献的时候就发现,一直头疼没解决,看百度地图或者高德地图在浏览器*问也是不稳定,大概原因收集了一下。下图为系统定位图,当在公司网络下是定位成功的。
(一)测试手段:
1,可以定位:网络稳定,IP覆盖全的,有网线的校园网络可以定位。,
2,不可以定位:网络不稳定,开通wifi、热点时候无法使用浏览器定位。
(二)测试能暂时解决这个问题
个人觉得滩上技术难点了,解决了会不会推动社会进步?哈哈,以下是测试的解决方法。方法如下,但是如果用户使用的系统不是win10,还是没有办法解决:
(1)找台win10的电脑,用里面的edge浏览器去访问你的网站,能达到你的效果,就可以虚拟机装个系统。Windows10自带的edge浏览器,这个浏览器可以直接调用Windows系统的内置定位服务,应该能解决问题,贼好用,用WiFi和联网线两种方式都试了,试验了一下,用手机开的热点也是可以定位。
(2)我电脑上有六个浏览器,全都挨个试了一遍,只有ie浏览器或者使用ie内核的浏览器可以定位。
(3)如果有解决问题的兄台,留言交流一下。
(三)定位失败原因
浏览器定位是如何实现的?为什么会有浏览器定位失败的情况?
高德地图开放平台JavaScript API提供的Geolocation定位插件,融合了HTML5 Geolocation定位接口、精确IP定位服务,以及安卓定位sdk定位。其中与安卓定位sdk的结合使用适用于开发安卓系统的H5应用,需同时使用安卓定位sdk和JavaScript API。
PART1. Geolocation.getCurrentPosition获取精确位置的流程是什么样的?
在PC端,因为原生接口成功率很低,JavaScript API会优先调用精确IP定位服务,在IP定位失败的时候,尝试使用浏览器原生定位接口进行定位,如果原生定位接口也定位失败,则返回error事件或回调error信息。定位成功之后我们会对浏览器定位的经纬度结果进行向高德坐标的转化,并对所有有效定位结果融合地址信息后返回complete事件或者回调complete信息。
在移动端,如果开发者开启了sdk辅助定位,那么安卓手机上我们会优先尝试调用sdk的定位接口,失败之后优先调用浏览器原生定位接口进行定位,浏览器定位失败之后尝试进行精确IP定位,如果以上三种定位全部尝试失败则返回error事件或回调error信息,否则和PC端的一样,定位成功之后进行高德坐标转化和地址融合。
我们在定位的回调或者事件响应中返回了message字段,message字段明确指出了每一步的成败和失败原因。
PART2. getCurrentPosition定位失败的原因有哪些?
1.IP精确定位失败,message包含‘Get ipLocation failed.’信息,精确IP定位服务无法完全覆盖所有IP和用户,故而失败;
2.sdk定位失败,请检查sdk的key是否设置好,以及webview的定位权限及应用和系统的定位权限是否开启。
3.浏览器定位失败,有多种情况:
第一种情况,浏览器不支持原生定位接口,如IE较低版本的浏览器等,message字段包含‘Browser not Support html5 geolocation.’信息;
第二种情况,用户禁用了定位权限,需要用户开启定位权限,message字段包含‘Geolocation permission denied.’
第三种情况,浏览器禁止了非安全域的定位请求,比如Chrome、IOS10已陆续禁止,这时候需要升级站点到HTTPS,message字段也是包含‘Geolocation permission denied.’信息。注意Chrome不会禁止localhost等域名HTTP协议下的定位;
第四种情况,浏览器定位超时,包括原生的超时,可以适当增加超时属性的设定值以减少这一现象,另外还有个别浏览器本身的定位接口就是黑洞,完全没有回应,也会超时返回失败,message字段包含‘Get geolocation time out.’信息;
第五种情况,确实定位失败,Chrome、火狐以及部分套壳浏览器接入的定位服务在国外,有较大限制,失败率高;
注释:如果定位到城市即可满足需求,建议大家改用Geolocation.getCityInfo方法,可以根据IP返回用户所在城市的基本信息,包括省、市名称、adcode、citycode、城市中心点,城市矩形边界等信息。
PART3. getCurrentPosition定位代码怎么写?
var geolocation = new AMap.Geolocation();
map.addControl(geolocation); //geolocation.getCurrentPosition(); //精准定位
geolocation.getCityInfo(); //定位到城市
});