openGPS.cn - 浏览器定位技术探讨(HTML5定位)

简介:     浏览器定位,也就是HTML5定位,据我目前的理解,这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。 ​原文连接发布在https://www.opengps.cn/Share/Article/View.aspx?id=7,内容更新以这里为准。      站长基于浏览器定位,制作了2个页面      实时位置共享:实现类似于微信的好友实时位置功

    浏览器定位,也就是HTML5定位,据我目前的理解,这俩其实是一个概念。都是随着html5技术的发展而开始进入大众视野。

原文连接发布在https://www.opengps.cn/Share/Article/View.aspx?id=7,内容更新以这里为准。

     站长基于浏览器定位,制作了2个页面

     实时位置共享:实现类似于微信的好友实时位置功能,点击连接体验 。目前本站点的浏览器定位已经支持wgs84坐标的自动纠偏,gcj02的纠偏处理尚未加入

    浏览器定位功能测试:显示出能获取到的最新的信息,点击连接体验

    

     目前,已经实现的 实时位置共享 功能暂时未完全兼容浏览器坐标问题,因此当前阶段,只有默认返回wgs84标准坐标的浏览器可以准确定位。因为开发过程中发现,各个浏览器所选用的标准不一致。目前总结如下:

返回wgs84标准的坐标的手机浏览器:

Chrome浏览器手机版, 手机微信内置浏览器(QQ浏览器内核), QQ浏览器手机版, Opera浏览器手机版, 猎豹浏览器手机版, 搜狗浏览器手机版, 2345浏览器手机版, 小米手机浏览器, 华为手机浏览器等

返回gcj02标准的坐标的手机浏览器:

Firefox浏览器手机版, 360浏览器手机版, UC浏览器手机版, 百度浏览器手机版等


     除了坐标系问题,现在还有其他因素会导致浏览器定位功能不准确:

1,电脑端使用浏览器定位,电脑端也能定位。推测浏览器使用了外部服务实现定位,但准确度取决于参与影响因素有,ip定位,计算机时区等

2,移动端浏览器定位,取决于多种因素,主要是依赖于移动设备内置的位置服务。此内置服务对于手机来讲,包括纯GPS定位,纯网络定位(wifi,ip等均属于网络定位),综合定位,以及关闭定位功能

3,系统权限问题,以安卓平台为例,手机APP往往需要先获取位置服务的权限,然后才能用到位置服务功能。另外。部分浏览器可单独设置是否启用位置服务功能。

4,用户权限问题,浏览器定位为了不涉及用户隐私,一般的浏览器厂商默认会提示用户是否允许正在使用的网站获取位置服务权限,因此大部分使用了浏览器定位功能网站页面都会弹框请求用户授权,这个弹框是浏览器所提供,因此网站无法悄无声息的使用浏览器的位置服务

目录
相关文章
|
2月前
|
搜索推荐 定位技术 UED
HTML定位技术:种类、特点与应用
HTML定位技术:种类、特点与应用
|
2月前
|
Web App开发
在 HTML 中禁用 Chrome 浏览器的 Google 翻译功能
在 html 标签中添加 translate=“no” 属性,浏览器将不会翻译整个页面。
142 0
|
1月前
|
Web App开发
在HTML中用meta控制浏览器默认模式
在HTML文档的`<head>`标签中,通过添加不同的`<meta>`标签可指定浏览器默认使用的内核。使用`<meta name="renderer" content="webkit">
26 1
|
1月前
|
Web App开发 移动开发 JavaScript
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
基于VML与HTML5 Canva实现的跨浏览器饼图与折线图
22 5
|
12天前
|
JavaScript 前端开发 物联网
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
文本,Vue实现打印的方式,打印机的种类有多少,浏览器打印html,右键,2打印插件,3指令打印,vue-print-nb
|
1月前
|
移动开发 前端开发 JavaScript
浏览器端图表渲染技术SVG, VML HTML Canvas
浏览器端图表渲染技术SVG, VML HTML Canvas
16 0
|
2月前
|
前端开发 JavaScript
浏览器通过构建DOM树来解析HTML代码
【4月更文挑战第30天】浏览器通过构建DOM树来解析HTML代码
35 1
|
2月前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
114 0
|
2月前
|
移动开发 JavaScript 前端开发
如何处理html5新标签的浏览器兼容问题?
如何处理html5新标签的浏览器兼容问题?
38 0
|
2月前
|
搜索推荐 前端开发 UED
html页面实现自动适应手机浏览器(一行代码搞定)
html页面实现自动适应手机浏览器(一行代码搞定)
91 0