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

目录
相关文章
|
1月前
|
移动开发 HTML5
HTML5 3D地球仪可按经纬坐标定位特效
这是一个基于HTML5的3D地球仪动画,地球仪不仅可以自动自西向东旋转,而且还可以旋转到指定经纬度坐标。另外,还有一个控制面板,可以控制地球是否自转、光晕是否显示,以及地理缩放。你也可以通过拖拽鼠标来改变地球仪的视角,可以将它移至南北极的视角,也可以移至赤道的视角,非常方便。需要的朋友可下载试试!
71 2
|
2月前
|
前端开发 JavaScript 搜索推荐
HTML与CSS在Web组件化中的核心作用及前端技术趋势
本文探讨了HTML与CSS在Web组件化中的核心作用及前端技术趋势。从结构定义、语义化到样式封装与布局控制,两者不仅提升了代码复用率和可维护性,还通过响应式设计、动态样式等技术增强了用户体验。面对兼容性、代码复杂度等挑战,文章提出了相应的解决策略,强调了持续创新的重要性,旨在构建高效、灵活的Web应用。
56 6
|
2月前
|
移动开发 前端开发 JavaScript
HTML5 浏览器支持1
现代浏览器普遍支持HTML5,但早期浏览器可能不支持。可以通过将HTML5元素定义为块级元素,使旧版浏览器也能正确显示。例如,可以使用CSS将header、section等8个新的HTML5语义元素设置为块级元素。此外,还可以通过JavaScript为HTML添加新的自定义元素,如使用`document.createElement("myHero")`为IE浏览器添加新元素。
HTML 统一资源定位器(Uniform Resource Locators)3
URL字符编码是指将URL中非ASCII字符转换为有效的ASCII格式的过程。URL只能使用ASCII字符集,因此需要对超出该集合的字符进行编码。URL编码使用“%”加上两位十六进制数来表示非ASCII字符,空格通常被编码为“+”。例如,€编码为%80,£编码为%A3。更多信息可参见URL编码参考手册。
|
2月前
|
安全 数据安全/隐私保护
HTML 统一资源定位器(Uniform Resource Locators)2
常见的URL Scheme包括:http(超文本传输协议,用于普通网页,不加密)、https(安全超文本传输协议,用于安全网页,加密信息交换)、ftp(文件传输协议,用于文件的上传和下载)、file(用于访问本地计算机上的文件)。
HTML 统一资源定位器(Uniform Resource Locators)1
统一资源定位器(URL)是用于标识互联网上资源位置的标准格式。URL通常由方案、主机、域名、端口、路径和文件名组成,如 `http://www.runoob.com/html/html-tutorial.html`。大多数用户通过域名访问网站,因为域名比IP地址更容易记忆。URL在Web浏览器中用于请求页面,通过 `<a>` 标签实现链接跳转。
|
2月前
|
机器学习/深度学习 移动开发 自然语言处理
HTML5与神经网络技术的结合有哪些其他应用
HTML5与神经网络技术的结合有哪些其他应用
42 3
|
2月前
|
机器学习/深度学习 移动开发 自然语言处理
HTML5与神经网络技术的结合有哪些
HTML5与神经网络技术的结合有哪些
45 2
|
2月前
|
存储 移动开发 前端开发
|
4月前
|
存储 移动开发 定位技术
HTML5 Geolocation(地理定位)优化到最高精度
HTML5 Geolocation API 可让网页访问用户的地理位置信息。为优化地理定位精度,需考虑设备、浏览器设置、网络状况及编码实现。使用 `enableHighAccuracy` 选项请求高精度,并确保设备开启 GPS,网络良好。结合多种数据源(如 GPS、Wi-Fi)可提高准确性。利用 `watchPosition` 定期更新位置,并妥善处理定位错误。务必遵循用户隐私原则,获取同意并遵守相关法规。这样可有效提升地理定位的精度与用户体验。

热门文章

最新文章